<template>
	<view class="page" :class="getThemeClass">
		<unavbar :isback="false" title="AI创作" class="my-nav-ber-a-box mallunavbar">
			<view class="malltab flex justify-between align-center">
				<!-- <view class="text-main size-30" :class="tabcolor == 1 ?'text_green':''" @click="mallcbtn">
					藏品商城
				</view>
				<view class="text-main size-30" :class="tabcolor== 2 ?'text_green':''" @click="marketcbtn">
					流转市场
				</view> -->
				<view @click="showTop = true">
					<image style="width:38rpx;height:36rpx" src="/static/images/35.png"></image>
				</view>
				<view class="flex align-center justify-end">
					<view class="bg1 flex align-center">
						<image style="width:26rpx;height:26rpx" class="u-m-r-5" src="/static/images/36.png"></image>
						{{useCardsList.card_total_integral}}积分
					</view>
					<image @click="go1" style="width:42rpx;height:42rpx" src="/static/images/38.png"></image>
				</view>
			</view>
		</unavbar>
		<u-popup v-model="showTop" close-icon-color="#fff" close-icon-size="44"	class="styleMy" mode="left" length="100%" mask safe-area-inset-bottom z-index="99999"	closeable  :mask-close-able="false">
			<view class="popsty">
				<view class="tit">AI创作</view>
				<view>
						<view class="flex justify-between align-center line-09">
							<view class="flex align-center">
								<image style="width:70rpx;height:70rpx;margin-right:46rpx" src="/static/images/img/5.png"></image>
								<view class="t1">
										<view>AI大赛</view>
										<text>艺术的新纪元，创意之源</text>
								</view>
							</view>
							<view>
								<image style="width:12rpx;height:18rpx" src="/static/images/img/10.png"></image>
							</view>
						</view>
						<view class="flex justify-between align-center line-09">
							<view class="flex align-center">
								<image style="width:70rpx;height:70rpx;margin-right:46rpx" src="/static/images/img/1.png"></image>
								<view class="t1">
										<view>AI课程</view>
										<text>元宇宙艺术，AI绘画大师</text>
								</view>
							</view>
							<view>
								<image style="width:12rpx;height:18rpx" src="/static/images/img/10.png"></image>
							</view>
						</view>
						<view class="flex justify-between align-center line-09" @click="go09('/pages/tabbar/bazaar/zy')">
							<view class="flex align-center">
								<image style="width:70rpx;height:70rpx;margin-right:46rpx" src="/static/images/img/2.png"></image>
								<view class="t1">
										<view>咒语创造器</view>
										<text>二次元魔术师必备手册</text>
								</view>
							</view>
							<view>
								<image style="width:12rpx;height:18rpx" src="/static/images/img/10.png"></image>
							</view>
						</view>
						<view class="flex justify-between align-center line-09"  @click="go09('/pages/tabbar/bazaar/zyTwo')">
							<view class="flex align-center">
								<image style="width:70rpx;height:70rpx;margin-right:46rpx" src="/static/images/img/3.png"></image>
								<view class="t1">
										<view>咒语解析器</view>
										<text>图像识别，转化为Tag</text>
								</view>
							</view>
							<view>
								<image style="width:12rpx;height:18rpx" src="/static/images/img/10.png"></image>
							</view>
						</view>
						<view class="flex justify-between align-center line-09" @click="go09('/pages/tabbar/bazaar/type')">
							<view class="flex align-center">
								<image style="width:70rpx;height:70rpx;margin-right:46rpx" src="/static/images/img/4.png"></image>
								<view class="t1">
										<view>标签指南</view>
										<text>AI模型标签大全</text>
								</view>
							</view>
							<view>
								<image style="width:12rpx;height:18rpx" src="/static/images/img/10.png"></image>
							</view>
						</view>
				</view>
				<view class="popFix">
					<view @click="qqshequn">
						<image src="/static/images/img/9.png"></image>QQ社群
					</view>
					<view @click="xiaoshushou">
						<image src="/static/images/img/6.png"></image>小助手
					</view>
					<view>
						<image src="/static/images/img/7.png"></image>权益卡
					</view>
					<view>
						<image src="/static/images/img/8.png"></image>创作指南
					</view>
				</view>
			</view>
		</u-popup>
		<!-- tabcolor=2;是什么东西 -->
		<view class="market_concent" v-if="tabcolor == 2">
			<view class="slide_type_list" :style="{ backgroundImage: 'url(' + item.pic + ')' }">
				<!-- <view class="type_list_cont">
					<view v-for="(item,index) in screening" :key="item.id" class="list_cont_view"  @click="Skippage(index)">
						<view class="list_cont_view_title">{{item.name}}</view>
						<view class="list_cont_view_bg">
							<image :src="item.pic" mode="aspectFill"></image>
						</view>
					</view>
					<view class="list_cont_view" style="background: linear-gradient(90deg, #A6F88D 2%, #8AF9AB 100%); color: #000" @click="Skippage(0)" v-if="screening.length == 9">
						更多
					</view>
				</view> -->
				<!-- <view>通用</view>
				<view>漫画</view>
				<view>风格</view>
				<view>图生图</view>
				<view>MJ<text>vip专项</text></view>
				<view>视频生视频</view> -->
			</view>
			<view class="home-sdchange flex justify-between align-center">
				<view class="sdchange_icon flex justify-between align-center">
					<!-- <image src="/static/images/index/dark/homeicon.png" class="img-20" mode=""></image> -->
					<image src="/static/images/index/dark/Mutu-meta.png" class="metaimg" mode=""></image>
				</view>
				<view class="sdchange_text flex justify-start align-center">
					<image src="/static/images/34.png" class="img-16" mode=""></image>
					<view class="text">全部藏品</view>
				</view>
				
			</view>
			<view class="mianbaoxie" @click="xiadiao" v-if="aaa">
					{{name}} x
					
				
			</view>
			<!-- <view class="filter-selected-box">
				<template v-for="(item, index) in name" >
					<view class="filter-selected-item card-tag-bg text-main" :key="item.item.id">
						<view class="filter-selected-text">{{ item.item.name }}</view>
						<u-icon class="del" name="close" size="20" @click="delScreening(index)"></u-icon>
					</view>
				</template>
			</view> -->
			<view class="my-filter u-m-t-20">
				<view class="filter-options-box">

						
						<view class="filter-item name u-m-l-25" :class="sortingTime1 !== 0? 'active' : ''" @click="changeSortingTime">
							<view class="u-m-r-10">时间</view>
							<image
								:src="
									sortingTime1 === 0?'/static/images/filter.png' : 
									sortingTime1 === 1?'/static/images/filterTop.png' : 
									sortingTime1 === 2?'/static/images/filterBot.png' : ''"
								style="width: 14rpx; height: 25rpx;"
							></image>
						</view>
						<view class="filter-item name u-m-l-25" :class="sortingTime1 !== 0? 'active' : ''" @click="changeSortingTime">
							<view class="u-m-r-10">价格</view>
							<image
								:src="
									sortingTime1 === 0?'/static/images/filter.png' : 
									sortingTime1 === 1?'/static/images/filterTop.png' : 
									sortingTime1 === 2?'/static/images/filterBot.png' : ''"
								style="width: 14rpx; height: 25rpx;"
							></image>
						</view>
						<view class="sdchange_switch flex justify-between align-center" style="background: linear-gradient(90deg, #A6F88D 2%, #8AF9AB 100%); color: #000; width: 280rpx; padding: 13rpx; border-radius: 10rpx;"  @click="click_double">
							<view class="">切换{{isDouble?'双':'四'}}列显示</view>
							<image src="/static/images/index/dark/moshi.png" class="img-28" v-if="isDouble"></image>
							<image src="/static/images/index/dark/moshi.png" class="img-28" v-else></image>
						</view>
					
				</view>
			</view>
			<myfour-goods-list :listData="listData" :listStatus="listStatus" :doubleLine="isDouble"  listType="hmblind" @click="clickGoods" />
		</view>
		<!-- tabcolor=1;AI创作 -->
		<view class="mall_concent" v-if="tabcolor == 1">

			<view class="slide_type_list"><!-- :style="{ backgroundImage: 'url(' + item.pic + ')' }" -->
				<!-- <view class="type_list_cont">
					<view v-for="(item,index) in screening" :key="item.id" class="list_cont_view"  @click="Skippage(index)">
						<view class="list_cont_view_title">{{item.name}}</view>
						<view class="list_cont_view_bg">
							<image :src="item.pic" mode="aspectFill"></image>
						</view>
					</view>
					<view class="list_cont_view" style="background: linear-gradient(90deg, #A6F88D 2%, #8AF9AB 100%); color: #000" @click="Skippage(0)" v-if="screening.length == 9">
						更多
					</view>
				</view> -->
				<!-- <view>通用</view>
				<view>漫画</view>
				<view>风格</view>
				<view>图生图</view>
				<view>MJ<text>vip专项</text></view>
				<view>视频生视频</view> -->
				<view @click="activeFun(index,item)" v-for="(item,index) in typeArray" :key="index" :class=" item.type == active ? 'active':''">
					{{ item.name }}
				</view>
			</view>
			<!-- 视频生视频 -->
			<view v-if="active == 112">
				<view class="home-sdchange flex justify-between align-center">
					<view class="sdchange_icon flex justify-between align-center">
						<!-- <image src="/static/images/index/dark/homeicon.png" class="img-20" mode=""></image> -->
						<!-- <image src="/static/images/index/dark/Mutu-meta.png" class="metaimg" mode=""></image> -->
					</view>
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text">上传视频</view>
					</view>
					<!-- <view class="sdchange_switch flex justify-between align-center"  @click="click_double">
						<view class="">切换{{isDouble?'双':'四'}}列显示</view>
						<image src="/static/images/index/dark/moshi.png" class="img-28" v-if="isDouble"></image>
						<image src="/static/images/index/dark/moshi.png" class="img-28" v-else></image>
					</view> -->
				</view>
				<view class="u-p-l-32 u-p-r-32">
					<view class="input1 pop text-center my-video" style="padding:0">
						<!-- <u-upload :action="action" :custom-btn="true" :file-list="fileArr" :auto-upload="false" @on-remove="remove">
							<view slot="addBtn" class="upload_slot">
								<button type="default" class="select_file default-btn-bg" id="upload">123123213</button>
							</view>
						</u-upload> -->
						<view class="video-box">
							<video v-if="videoPath != ''" :src="videoPath" id="myVideo"  :style="{width: '100%', height: videoHeight + 'px', backgroundColor: '#262626'}" autoplay></video>
							
							<view v-if="videoPath != ''" class="video-del" @click="videoPath=''"><u-icon name="close-circle-fill" size="60" color="#fa3534"></u-icon></view>
							
						</view>
						
						<view class="progress-box" v-if="uploadProgress>0">
							<view class="progress" >
								<view class="progress-text">上传进度:<text>{{uploadProgress}}%</text></view>
								<view class="progress-bg">
									<view class="progress-bar" :style="'width: ' + uploadProgress + '%'"></view>
								</view>
								
							</view>
						</view>
						
						<view v-if="uploadProgress==0 && videoPath == ''">
							<view @click="upVideo" v-if="file == ''" class="slot-btn card-111bg" style="margin-top:86rpx;margin-left:auto;margin-right:auto;">
								<image src="/static/images/img/25.png" style="width:76rpx;height:76rpx" class="img-16" mode=""></image>
							</view>
											
							<!-- <botBtnp style="margin-top: 200rpx;" :btnText="status? '修改图片' : i18n.wechat3"
							@click="bind"></botBtnp> -->
												
							<view 
								@click="upVideo"
								class="" 
								v-if="file == ''" 
								style="font-size: 28rpx;
								font-family: PingFang SC-Medium, PingFang SC;
								font-weight: 500;
								color: rgba(255,255,255,0.8);
								line-height: 33rpx;margin-top:24rpx;margin-bottom:14rpx"
							>点击上传视频</view>
							<view class=""  v-if="file == ''"  style="font-size: 24rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 500;
							color: rgba(255,255,255,0.6);
							line-height: 28rpx;margin-bottom:122rpx">支持MP4、MOV等格式，时长不超过10s</view>
						</view>
						
					</view>
				</view>
				
				<!-- 视频生视频 转换风格 -->

				<view class="home-sdchange flex justify-between align-center">
					<view class="sdchange_icon flex justify-between align-center">
					</view>
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text">转换风格</view>
					</view>
				</view>
				<view class="u-p-l-32 u-p-r-32">
					<view class="input2 flex justify-between align-center flex-wrap">
						 <view v-for="(item,index) in videoOptionList" :key="index" v-if="index <= 10">
							 <view  class="itemS" :class="item.flag ? 'itemSactive':''" @click="videlOptionClick(index)">
								<image :src="item.img"  style="width:100%;height:100%" mode=""></image>
								<text>{{item.model_desc}}</text>
							 </view>
						 </view>
					</view>
				</view>
					
				<!-- 生成模式 -->
				<view class="home-sdchange flex justify-between align-center" >
					<view class="sdchange_icon flex justify-between align-center">
					</view>
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text">开始生成</view>
					</view>
				</view>
				<view class="u-p-l-32 u-p-r-32" >
					<view class="queue-type flex justify-between align-center flex-wrap" :class="queueType?'':'queue-type-action'" @click="queueType=0">						 
						<view>普通生成</view>
						<view class="queue-type-text">预计排队：10分钟内</view>
					</view>
					<view class="queue-type flex justify-between align-center flex-wrap" :class="queueType?'queue-type-action':''" @click="queueType=1">
						<view>夜间生成</view>
						<view class="queue-type-text">优惠低至五折，预计将在 02:10 生成</view>
					</view>
				</view>
			</view>
			
			
			<!-- 图生图 上传图片 -->
			<view v-if="active == 111">
				<view class="home-sdchange flex justify-between align-center" >
					<view class="sdchange_icon flex justify-between align-center">
					</view>
					
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text">上传图片</view>
					</view>
				</view>
				
				<view class="u-p-l-32 u-p-r-32" >
					<view class="input1 pop text-center" style="padding:0">
						<view v-if="opusdetail.init_image_url == undefined || opusdetail.init_image_url == ''" >
						<u-upload ref="uUpload" 
							:action="imgAction" 
							:auto-upload="true"
							:header="header" 
							:form-data="formData" 
							max-count="1"
							:custom-btn="true" 
							class="op1"
							name="file" 
							:show-progress="true" 
							width="100%" 
							@on-remove="onRemove"
							height="100%" 
							image-mode="widthFix"
							style="justify-content: center;"
							@on-success="initImageSuccess" 
							@on-choose-complete="progress">
							<view slot="addBtn" class="slot-btn card-111bg" style="margin-top:86rpx;margin-left:auto;margin-right:auto;">
								<image src="/static/images/img/23.png" style="width:76rpx;height:76rpx" class="img-16" mode=""></image>
							</view>
						</u-upload>
						<view class="" v-if="file == ''" style="font-size: 28rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 500;
						color: rgba(255,255,255,0.8);
						line-height: 33rpx;margin-top:24rpx;margin-bottom:14rpx">点击上传图片</view>
						<view class="" v-if="file == ''"  style="font-size: 24rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 500;
						color: rgba(255,255,255,0.6);
						line-height: 28rpx;margin-bottom:122rpx">支持图片格式：JPG，PNG， Max：10MB</view>
						</view>
						<view class="opus-copy-image" v-if="opusdetail.init_image_url != undefined && opusdetail.init_image_url != ''">
							<image :src="opusdetail.init_image_url" style="width: 100%; object-fit: cover; border-radius: 20rpx;"></image>
							<view class="opus-copy-del" @click="opusdetail.init_image_url=''"><u-icon name="close-circle-fill" size="60" color="#fa3534"></u-icon></view>
						</view>
						<view class="progress-box-1" v-if="uploadProgress > 0">
							<view class="progress" >
								<view class="progress-text">上传进度:<text>{{uploadProgress}}%</text></view>
								<view class="progress-bg">
									<view class="progress-bar" :style="'width: ' + uploadProgress + '%'"></view>
								</view>
								
							</view>
						</view>
					</view>
					
					
				</view>
			</view>
			
			<!-- 画面描述 -->
			<view v-if="active == 1 || active == 3 || active == 110">
				<view class="home-sdchange flex justify-between align-center">
					<view class="sdchange_icon flex justify-between align-center">
						<!-- <image src="/static/images/index/dark/homeicon.png" class="img-20" mode=""></image> -->
						<!-- <image src="/static/images/index/dark/Mutu-meta.png" class="metaimg" mode=""></image> -->
					</view>
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text">画面描述</view>
					</view>
					<!-- <view class="zhuti_switch flex justify-between align-center"  @click="click_double">
						<image src="/static/images/index/dark/moshi.png" class="zhuti_switch_img img-28" ></image>
						<view class="zhuti_switch_title">通用</view>
						<u-icon name="arrow-down"></u-icon>
					</view> -->
					<!-- <view class="sdchange_switch flex justify-between align-center"  @click="click_double">
						<view class="">切换{{isDouble?'双':'四'}}列显示</view>
						<image src="/static/images/index/dark/moshi.png" class="img-28" v-if="isDouble"></image>
						<image src="/static/images/index/dark/moshi.png" class="img-28" v-else></image>
					</view> -->
				</view>
				<!-- <view class="my-filter u-m-t-20">
					<view class="filter-options-box">
							<view class="filter-item name" :class="sortingPrice !== 0? 'active' : ''" @click="changegoods">
								<view class="u-m-r-10">分类</view>
								<image src="/static/images/triangle.png" style="width: 19rpx; height: 13rpx;"></image>
							</view>
							<view class="filter-item name u-m-l-25" :class="sortinggrade !== 0? 'active' : ''" @click="changegrade">
								<view class="u-m-r-10">等级</view>
								<image src="/static/images/triangle.png" style="width: 19rpx; height: 13rpx;"></image>
							</view>
							<view class="filter-item name u-m-l-25" :class="sortingTime !== 0? 'active' : ''" @click="changeSortingTime">
								<view class="u-m-r-10">发行时间</view>
								<image
									:src="
										sortingTime === 0?'/static/images/filter.png' : 
										sortingTime === 1?'/static/images/filterTop.png' : 
										sortingTime === 2?'/static/images/filterBot.png' : ''"
									style="width: 14rpx; height: 25rpx;"
								></image>
							</view>
							<view class="filter-item name u-m-l-25" :class="sortingstate !== 0? 'active' : ''" @click="changestate">
								<view class="u-m-r-10">发售状态</view>
								<image src="/static/images/triangle.png" style="width: 19rpx; height: 13rpx;"></image>
							</view>
						
					</view>
				</view> -->
				
				<!-- 画面描述 -->
				<view class="u-p-l-32 u-p-r-32">
					<view class="input1 pop">
						<u-input v-if="bgUrl" placeholder-style="pclass" v-model="countTxt"  placeholder="画面描述建议：· 以简练的短语描述画面，建议40个字符以上；· 选择合适的风格和高级参数可提升图像的艺术效果。· 支持中英双语输入。" type="textarea" :border="false" :height="279" :auto-height="true" />
						<view class="input001" v-if="!bgUrl">
							<image style="width:286rpx;height:72rpx" src="/static/images/img/13.png"></image>
						</view>
						<view class="flex justify-between align-center tt0">
							<view class="flex align-center">
								<view class="u-m-r-36" @click="bgUrlFun"><image src="/static/images/img/11.png" style="width:28rpx;height:24rpx"></image></view>
								<view class="u-m-r-36" style="color:rgba(255, 255,255, .2)">|</view>
								<view><image src="/static/images/37.png" style="width:36rpx;height:34rpx"></image></view>
							</view>
							<view class="flex align-center t2">
								<view>{{countTxt.length}}/1000</view>
								<view class="u-m-l-36"  style="color:rgba(255, 255,255, .2)">|</view>
								<view class="u-m-l-36" @click="countTxt = ''">清空</view>
							</view>
				
						</view>
				
					</view>
				</view>
			</view>
			

			<!-- 风格---头部风格 -->
			<view v-if="active == 110" >
				<view class="resource_style">
					<view class="resource_style_head">
						<view class="resource_style_tabs" >
							<u-tabs
							 height="60"
							 font-size="28"
							 inactive-color="#FFFFF"
							bg-color="#000000"
							:show-bar="false" 
							name="cate_name" 
							count="cate_count" 
							:list="resourceStyleList" 
							:current="resourceStyleCurrent" 
							@change="changeResourceStyle"
							:active-item-style="resourceStyleAction">
							</u-tabs>
						</view>
						<view class="resource_style_lable" @click="popDrawTag">
							<text class="resource_style_label_text">模型标签 ></text>
						</view>
					</view>
				</view>
				
				<view class="u-p-l-32 u-p-r-32">
					<view class="input2 flex justify-between align-center flex-wrap">
						 <view v-for="(item,index) in resourceStyleContent" :key="index" >
							 <view  class="resource-style-itemS" :class="item.flag ? 'resource-style-itemSactive':''" @click="resourceStyleItemClick(index)">
								<image :src="item.sample_image_url" style="width:100%;height:100%" mode=""></image>
								<view class="flex justify-between align-center resource-style-title">
									<text>{{item.name}}</text>
									<u-icon name="star-fill" :color="item.isCollect?'#f9c002':'white'" @click="collectstyle(item.id,index)"></u-icon>
								</view>
								<text class="lable-new">NEW</text>
							 </view>
							 
						 </view>
						 <!-- <view   class="itemS itemSs"  @click="">
							更多
						 </view> -->
					</view>
				</view>
				
			</view>
            
			<!-- 模型主题 -->
			<view v-if="active == 1 || active == 3 || active == 111">
				<view class="home-sdchange flex justify-between align-center">
					<view class="sdchange_icon flex justify-between align-center">
						<!-- <image src="/static/images/index/dark/homeicon.png" class="img-20" mode=""></image> -->
						<!-- <image src="/static/images/index/dark/Mutu-meta.png" class="metaimg" mode=""></image> -->
					</view>
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text">模型主题</view>
					</view>
					<!-- <view class="sdchange_switch flex justify-between align-center"  @click="click_double">
						<view class="">切换{{isDouble?'双':'四'}}列显示</view>
						<image src="/static/images/index/dark/moshi.png" class="img-28" v-if="isDouble"></image>
						<image src="/static/images/index/dark/moshi.png" class="img-28" v-else></image>
					</view> -->
				</view>
				
				<view v-if="active == 1 || active == 3" class="u-p-l-32 u-p-r-32">
					<view v-if="active == 1" class="input2 flex justify-between align-center flex-wrap">
						 <view v-for="(item,index) in modelArray.one" :key="index" v-if="index <= 10">
							 <view  class="itemS" :class="item.flag ? 'itemSactive':''" @click="modelClick(index)">
								<image :src="item.img"  style="width:100%;height:100%" mode=""></image>
								<text>{{item.model_desc}}</text>
							 </view>
						 </view>
						 <view   class="itemS itemSs"  @click="modelClick(999)">
							更多
						 </view>
					</view>
					<view v-if="active == 3" class="input2 flex justify-between align-center flex-wrap">
						 <view v-for="(item,index) in modelArray.two" :key="index" v-if="index <= 10">
							 <view  class="itemS" :class="item.flag ? 'itemSactive':''" @click="modelClick(index)">
								<image :src="item.img"  style="width:100%;height:100%" mode=""></image>
								<text>{{item.model_desc}}</text>
							 </view>
						 </view>
						 <view   class="itemS itemSs"  @click="modelClick(999)">
							更多
						 </view>
					</view>
				</view>
				<!-- 图生图 -->
				<view v-if="active == 111" class="u-p-l-32 u-p-r-32">
					<view class="resource_style model-pic-type">
						<view class="resource_style_head">
							<view class="resource_style_tabs" >
								<u-tabs
								height="60"
								font-size="28"
								inactive-color="#FFFFF"
								bg-color="#000000"
								:show-bar="false" 
								name="cate_name" 
								count="cate_count" 
								:list="modelTypeList" 
								:current="modelPicTypeCurrent" 
								@change="changeModelPicType"
								:active-item-style="resourceStyleAction">
								</u-tabs>
							</view>
						</view>
					</view>
					
					<view v-if="modelPicTypeCurrent == 0" class="input2 flex justify-between align-center flex-wrap">
						 <view v-for="(item,index) in modelArray.one" :key="index">
							 <view  class="itemS" :class="item.flag ? 'itemSactive':''" @click="modelPicClick(index)">
								<image :src="item.img"  style="width:100%;height:100%" mode=""></image>
								<text>{{item.model_desc}}</text>
							 </view>
						 </view>
					</view>
					<view v-if="modelPicTypeCurrent == 1" class="input2 flex justify-between align-center flex-wrap">
						 <view v-for="(item,index) in modelArray.two" :key="index">
							 <view  class="itemS" :class="item.flag ? 'itemSactive':''" @click="modelPicClick(index)">
								<image :src="item.img"  style="width:100%;height:100%" mode=""></image>
								<text>{{item.model_desc}}</text>
							 </view>
						 </view>
					</view>
				</view>
			</view>
			
			
			
			<!-- 选择风格 start -->
			<view v-if="active == 1 || active == 3">
				<view class="home-sdchange flex justify-between align-center">
					<view class="sdchange_icon flex justify-between align-center"></view>
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text">风格选择</view>
					</view>
				</view>
				<view class="u-p-l-32 u-p-r-32">
					<view class="input2 flex justify-between align-center flex-wrap p2">
						 <view v-for="(item,index) in styleList" :key="index" v-if="item.type == 'image_type'">
							 <view  class="itemJ" :class="item.flag ? 'itemJactive':''" @click="imageTypeClick(index)">
								<!-- <image src="/static/images/img/12.png"  style="width:100%;height:100%" mode=""></image> -->
								<text>{{item.name}}</text>
							 </view>
						 </view>
						 <view   class="itemS itemSs itemSsjj"  @click="modelStyleArrayshow=!modelStyleArrayshow">
							更多
						 </view>
					</view>
				</view>
			</view>
			<!-- 选择风格 End -->
			
			<!-- 画面大小 -->
			<view v-if="active == 1 || active == 3 || active == 110">
				<view class="home-sdchange flex justify-between align-center">
					<view class="sdchange_icon flex justify-between align-center"></view>
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text">画面大小</view>
					</view>
				</view>
				<view class="u-p-l-32 u-p-r-32">
					<view class="input2 flex justify-between align-center flex-wrap p2">
						 <view v-for="(item,index) in modelSizeArray" :key="index">
							 <view  class="model-size-item" :class="modelSizeClickActive == index ? 'model-size-item-active':''" @click="modelSizeClick(index,item)">
								<view class="model-size-item-img">
									<image :src="item.url"></image>
									<text>{{item.size_ratio}}</text>
								</view>
								<view class="model-size-item-title">
									{{item.title}}
								</view>
								
							 </view>
						 </view>
						 <view v-for="(item,index) in modelSizeItem" :key="index">
							 <view  class="itemJ" :class="modelSizeItemActive == index ? 'itemJactive':''" @click="modelSizeItemClick(index,item)">
								<view>
									<text>{{item.display_resolution}}</text>
								</view>								
							 </view>
						 </view>
					</view>
				</view>
			</view>			
			<!-- 画面大小 -->
			
			<!-- 高级设置 -->
			<view v-if="active == 1 || active == 3">
				<view class="home-sdchange flex justify-between align-center">
					<view class="sdchange_text flex justify-start align-center">
						<image src="/static/images/34.png" class="img-16" mode=""></image>
						<view class="text tit10">高级设置</view>
					</view>
					<view class="sdchange_icon999 flex justify-between align-center">
						<u-switch v-model="checked" active-color="#cafd5c" size="30" inactive-color="#4d4d4d"></u-switch>
					</view>
				</view>
				<!-- <view class="u-p-l-32 u-p-r-32">
					<view class="input2 flex justify-between align-center flex-wrap p2">
						 <view v-for="(item,index) in modelSizeArray" :key="index">
							 <view  class="itemJ" :class="item.flag ? 'itemJactive':''" @click="modelStyleClick(index)">
								<image class="imgJimg" :src="item.url"   mode="widthFix" style="width:34rpx"></image>
								<text>{{item.size_ratio}}</text>
							 </view>
						 </view>
					</view>
				</view> -->
				<view v-if="checked">
					<!-- 参考图 -->
					<view class="home-sdchange flex justify-between align-center">
						<view class="sdchange_icon flex justify-between align-center">
							<!-- <image src="/static/images/index/dark/homeicon.png" class="img-20" mode=""></image> -->
							<!-- <image src="/static/images/index/dark/Mutu-meta.png" class="metaimg" mode=""></image> -->
						</view>
						<view class="sdchange_text flex justify-start align-center">
							<image src="/static/images/34.png" class="img-16" mode=""></image>
							<view class="text">参考图</view>
						</view>
						<!-- <view class="sdchange_switch flex justify-between align-center"  @click="click_double">
							<view class="">切换{{isDouble?'双':'四'}}列显示</view>
							<image src="/static/images/index/dark/moshi.png" class="img-28" v-if="isDouble"></image>
							<image src="/static/images/index/dark/moshi.png" class="img-28" v-else></image>
						</view> -->
					</view>
					<view class="u-p-l-32 u-p-r-32">
						
						<view class="input1 pop text-center" style="padding:0">
							<view v-if="opusdetail.init_image_url == undefined || opusdetail.init_image_url == ''" >
								<u-upload ref="uUpload" 
								:action="imgAction" 
								:auto-upload="true"
								:header="header" 
								:form-data="formData" 
								max-count="1"
								:custom-btn="true" 
								class="op1"
								name="file" 
								:show-progress="true" 
								width="100%" 
								@on-remove="onRemove"
								height="100%" 
								image-mode="widthFix"
								style="justify-content: center;"
								@on-success="initImageSuccess" 
								@on-choose-complete="progress">
								<view slot="addBtn" class="slot-btn card-111bg" style="margin-top:86rpx;margin-left:auto;margin-right:auto;">
									<image src="/static/images/img/23.png" style="width:76rpx;height:76rpx" class="img-16" mode=""></image>
								</view>
								</u-upload>
							<!-- <botBtnp style="margin-top: 200rpx;" :btnText="status? '修改图片' : i18n.wechat3"
							@click="bind"></botBtnp> -->
							
							<view class="" v-if="file == ''" style="font-size: 28rpx;
								font-family: PingFang SC-Medium, PingFang SC;
								font-weight: 500;
								color: rgba(255,255,255,0.8);
								line-height: 33rpx;margin-top:24rpx;margin-bottom:14rpx">点击上传图片</view>
							<view class=""  v-if="file == ''"  style="font-size: 24rpx;
								font-family: PingFang SC-Medium, PingFang SC;
								font-weight: 500;
								color: rgba(255,255,255,0.6);
								line-height: 28rpx;margin-bottom:122rpx">支持图片格式：JPG，PNG， Max：10MB</view>
							</view>
							
							<view class="opus-copy-image" v-if="opusdetail.init_image_url != undefined && opusdetail.init_image_url != ''">
								<image :src="opusdetail.init_image_url" style="width: 100%; object-fit: cover; border-radius: 20rpx;"></image>
								<view class="opus-copy-del" @click="opusdetail.init_image_url=''"><u-icon name="close-circle-fill" size="60" color="#fa3534"></u-icon></view>
							</view>
							<view class="progress-box-1" v-if="uploadProgress > 0">
								<view class="progress" >
									<view class="progress-text">上传进度:<text>{{uploadProgress}}%</text></view>
									<view class="progress-bg">
										<view class="progress-bar" :style="'width: ' + uploadProgress + '%'"></view>
									</view>
									
								</view>
							</view>
						</view>
					</view>
					<!-- 参考图 -->
					
					<!-- 负面描述1 -->
					<view class="home-sdchange flex justify-between align-center">
						<view class="sdchange_icon flex justify-between align-center">
						</view>
						<view class="sdchange_text flex justify-start align-center">
							<image src="/static/images/34.png" class="img-16" mode=""></image>
							<view class="text">负面描述</view>
						</view>
					</view>
					<view class="u-p-l-32 u-p-r-32">
						<view class="input1 pop">
							<u-input v-if="bgUrl" placeholder-style="pclass" v-model="uc_prompt"  placeholder="画面描述以短向，短语为佳，建议40个字符以上；风格选择和高级参数对图像生成有艺术修饰作用；支持中英文输入" type="textarea" :border="false" :height="279" :auto-height="true" />
							<!-- <view class="input001" v-if="!bgUrl">
								<image style="width:286rpx;height:72rpx" src="/static/images/img/13.png"></image>
							</view> -->
							<view class="flex justify-between align-center tt0">
								<view class="flex align-center">
									<!-- <view class="u-m-r-36" @click="bgUrlFun"><image src="/static/images/img/11.png" style="width:28rpx;height:24rpx"></image></view>
									<view class="u-m-r-36" style="color:rgba(255, 255,255, .2)">|</view>
									<view><image src="/static/images/37.png" style="width:36rpx;height:34rpx"></image></view> -->
								</view>
								<view class="flex align-center t2">
									<view>{{uc_prompt.length}}/1000</view>
									<view class="u-m-l-36"  style="color:rgba(255, 255,255, .2)">|</view>
									<view class="u-m-l-36" @click="uc_prompt = ''">清空</view>
								</view>
					
							</view>
					
						</view>
					</view>
					<!-- 负面描述1 -->
					
					<!-- 融合模型1 -->
					<view class="home-sdchange flex justify-between align-center">
						<view class="sdchange_icon flex justify-between align-center"></view>
						<view class="sdchange_text flex justify-start align-center">
							<image src="/static/images/34.png" class="img-16" mode=""></image>
							<view class="text">融合模型</view>
						</view>
					</view>
					<!-- 融合模型1 -->
					<view class="u-p-l-32 u-p-r-32"> 
						<view class="input2 flex justify-between align-center flex-wrap p2">
							 <view v-for="(item,index) in model_fusionArray" :key="index" v-if="index <= 7">
								 <view  class="itemJ" :class="item.flag ? 'itemJactive':''" @click="model_fusionClick(index)">
									<!-- <image src="/static/images/img/12.png"  style="width:100%;height:100%" mode=""></image> -->
									<text>{{item.name}}</text>
								 </view>
							 </view>
							 <view   class="itemS itemSs itemSsjj"  @click="model_fusionClick(999)">
								更多
							 </view>
						</view>
					</view>
					<!-- 融合模型1 -->
					
					<!-- 权益卡专享 -->
					<view class="membership-card" @click="membership">
						<view class="flex justify-between align-center flex-wrap membership-card-title">
							<view class="membership-card-text">权益卡专享</view>
							<view class="membership-card-but">立即解锁</view>
						</view>
						<view class="u-p-l-32 u-p-r-32">
							<view class="sampling-model-title"><text>采样模式</text></view>
							
							<view class="flex justify-between align-center flex-wrap sampling-model-box" @click="samplingModelShow=!samplingModelShow">
								<view class="sampling-model-text">{{samplingModelValue}}</view>
								<view class="sampling-model-icon"><u-icon name="arrow-down"></u-icon></view>
								
							</view>
							<view class="sampling-model-content" v-if="samplingModelShow">
								<view v-for="(item,index) in samplingModelList" :key="index" >
									<view @click="samplingModelCheck(index)" class="flex justify-between align-center flex-wrap sampling-model-content-item" :class="item.check?'sampling-model-checked':''">
										<view class="sampling-model-content-label">{{item.label}}</view>
										<view class="sampling-model-content-icon" v-if="item.check"><u-icon name="checkmark"></u-icon></view>
										
									</view>
								</view>
							</view>
							
							<view class="sampling-model-title"><text>随机种子</text></view>
							
							<view class="flex justify-between align-center flex-wrap sampling-model-box" @click="randomSeedShow = !randomSeedShow">
								<view class="sampling-model-text">{{randomSeedValue}}</view>
								<view class="sampling-model-icon"><u-icon name="arrow-down"></u-icon></view>
								
							</view>
							<view class="sampling-model-content" v-if="randomSeedShow">
								<view v-for="(item,index) in randomSeedList" :key="index" >
									<view @click="randomSeedCheck(index)" class="flex justify-between align-center flex-wrap sampling-model-content-item" :class="item.check?'sampling-model-checked':''">
										<view class="sampling-model-content-label">{{item.label}}</view>
										<view class="sampling-model-content-icon" v-if="item.check"><u-icon name="checkmark"></u-icon></view>
										
									</view>
								</view>
							</view>
							
							<view class="flex justify-between align-center flex-wrap cue-word" style="margin-top: 30rpx;">
								<view class="cue-word-label">提示词相关性</view>
								<view class="cue-word-slider">
									<u-slider 
									v-model="cueWordValue" 
									:use-slot="true"  
									min="10" 
									max="100"
									step="10"
									inactive-color="#3a3a3a"
									active-color="#cefa5a"
									height="20"
									>
							
										<!-- 这里外面需要多一层view，否则".badge-button"样式可能不生效 -->
										<view class="cue-word-badge">
											<view class="cue-word-badge-button">*</view>
										</view>
									</u-slider>
								</view>
								<view class="cue-word-number">
									{{cueWordValue}}
								</view>
							</view>
							
							<view class="flex justify-between align-center flex-wrap cue-word">
								<view class="cue-word-label">Clip skip</view>
								<view class="cue-word-slider">
									<u-slider 
									v-model="clipSkipValue" 
									:use-slot="true"  
									min="10" 
									max="100"
									step="10"
									inactive-color="#3a3a3a"
									active-color="#cefa5a"
									height="20"
									>
							
										<!-- 这里外面需要多一层view，否则".badge-button"样式可能不生效 -->
										<view class="cue-word-badge">
											<view class="cue-word-badge-button">*</view>
										</view>
									</u-slider>
								</view>
								<view class="cue-word-number">
									{{clipSkipValue}}
								</view>
							</view>
							
							<view class="flex justify-between align-center flex-wrap cue-word">
								<view class="cue-word-label">ENSD</view>
								<view class="cue-word-slider">
									<u-slider 
									v-model="ensdValue" 
									:use-slot="true"  
									min="10" 
									max="100"
									step="10"
									inactive-color="#3a3a3a"
									active-color="#cefa5a"
									height="20"
									>
							
										<!-- 这里外面需要多一层view，否则".badge-button"样式可能不生效 -->
										<view class="cue-word-badge">
											<view class="cue-word-badge-button">*</view>
										</view>
									</u-slider>
								</view>
								<view class="cue-word-number">
									{{ensdValue}}
								</view>
							</view>
						
						</view>
						
					</view>
					
					
				</view>
			</view>
			
			<!-- 高级设置 -->
			
			<!-- 作图数量 -->
			<view v-if="active == 1 || active == 3 || active == 110" class="home-sdchange flex justify-between align-center">
				<view class="sdchange_text flex justify-start align-center">
					<image src="/static/images/34.png" class="img-16" mode=""></image>
					<view class="text">作图数量</view>
				</view>
				<view class="flex align-center">
					 <view class="jian" @click="jian">-</view>
					 <view class="num">{{num}}</view>
					 <view class="add" @click="jia">+</view>
				</view>
			</view>
			
			<view></view>
			
			<view class="home-sdchange flex justify-between align-center">
				<view class="sdchange_t1ext fle8x justify-start align-center">
					使用誉言创作服务表示您已同意<text>《AI创作服务协议》《二次元模型Al创作服务协议》</text>
				</view>
			</view>
			<!-- <view class="home-sdchange flex justify-between align-center">
				<view class="sdchange_t1ext fle8x justify-start align-center">
					<image src="/static/images/img/27.png" style="width:22rpx;height:22rpx;margin-right:4px"></image>
					咒语解析器可以将图片转换为画面描述，帮助你生成一张和上传图片相近的创作。
				</view>
			</view> -->
			<view v-if="active == 112" class="myBtn-go flex justify-between align-center" @click="makeVideo">
				<view class="video-time" @click="go2">
					<image src="/static/images/tt.png" style="width:42rpx;height: 44rpx;"></image>
					<view>使用历史</view>
				</view>
				<view class="myBtn">
					<view class="one">立即生成</view>
					<view class="two" v-if="queueType">（消耗{{videoNightPrice}}积分）</view>
					<view class="two" v-else>（消耗{{videoPrice}}积分）</view>
				</view>
				
			</view>
			
			<view v-else @click="go" class="myBtn-go">
				<view class="myBtn">
					<view class="one">立即生成</view>
					<view class="two">（消耗{{integral}}积分）</view>
				</view>
				
			</view>
			<!-- <myfour-goods-list :listData="listData" :listStatus="listStatus" :doubleLine="isDouble"  listType="hmblind" @click="clickGoods" /> -->
			<!-- 立即生成确认对话框 -->
			<u-modal v-model="makeShow" :content="modalContent" :show-cancel-button="true" @confirm="confirmMake" ref="uModal" :async-close="true"></u-modal>
			<!-- 分类 -->
			<u-select
				:list="goods_class" 
				v-model="goodshow" 
				value-name="id" 
				label-name="name" 
				confirm-color="#000000" 
				:default-value="[goodsListIndex]"
				@confirm="goodsCallback"
			></u-select>
			<!-- 等级 -->
			<u-select
				:list="grade_class" 
				v-model="gradeshow" 
				value-name="id" 
				label-name="name" 
				confirm-color="#000000" 
				:default-value="[gradeListIndex]"
				@confirm="gradeCallback"
			></u-select>
			<!-- 状态 -->
			<u-select
				:list="state_class" 
				v-model="stateshow" 
				value-name="id" 
				label-name="name" 
				confirm-color="#000000" 
				:default-value="[stateListIndex]"
				@confirm="stateCallback"
			></u-select>
			<u-toast ref="uToast" />
		</view>
		
		<u-tabbar
			:list="tabbar" 
			:mid-button="true" 
			:border-top="false"
			inactive-color="#798387"
			active-color="#CAFD5C"
			mid-button-size = "135"
			bg-color="#242424">
		</u-tabbar>
		
		<!-- 模型标签 -->
		<u-popup class="pop-draw-tag" width="100%" safe-area-inset-bottom :closeable="false" mode="right" v-model="drawTagShow">
			<view class="pop-draw-tag-box">
				<view class="draw_tag_style">
					<view class="draw_tag_style_head">
						<view class="draw_tag_icon" @click="drawTagShowClose"><u-icon name="arrow-left"></u-icon></view>
						<view class="draw_tag_style_tabs" >
							<u-tabs
							height="60"
							font-size="28"
							inactive-color="#FFFFF"
							bg-color="#000000"
							:show-bar="false" 
							name="cate_name" 
							count="cate_count" 
							:list="drawTagCategory" 
							:current="drawTagCurrent" 
							@change="changeDrawTag"
							:active-item-style="resourceStyleAction">
							</u-tabs>
						</view>
					</view>
				</view>

				<view class="draw-tag-cat-sun">
					<view @click="getDrawTags(index)" v-for="(item,index) in drawTagCatSun" :key="index" class="draw-tag-cat-sun-item" :class=" item.type == 1 ? 'draw-tag-active':''">
						{{ item.name }}
					</view>
				</view>

				<view class="draw-tag-search">
					<u-input class="draw-tag-search-input" placeholder="搜搜标签" v-model="drawTagsParam.keyword" type="text" :clearable="false" :border="true" height="50" />
					<view class="draw-tag-search-icon" @click="drawTagSearch"><u-icon name="search"></u-icon></view>
				</view>
			</view>
			
			<view class="draw-tag-table">
				<view>
					<table cellpadding="0" cellspacing="0">
						<thead>
							<th>标签</th>
							<th>英文</th>
							<th>使用频率</th>
						</thead>
						<tr @click="activeDrawTag(index)" v-for="(item,index) in drawTags.data" :key="index" :class="item.flag ? 'active':''">
							<td>{{item.name}}</td>
							<td>{{item.english_name}}</td>
							<td>{{item.frequency}}</td>
						</tr>
						<tr>
							<td colspan="3">
								<view class="u-p-l-32 u-p-r-32 flex align-center justify-between flex-wrap tags-page">
									<view>共{{drawTags.total}}项数据</view>
									<view class="flex align-center justify-between flex-wrap">
										<view class="tags-page-left" @click="goPage(-1)"><u-icon name="arrow-left"></u-icon></view>
										<view class="tags-page-current">{{drawTags.current_page}}</view>
										<view class="tags-page-line">/</view>
										<view class="tags-page-last">{{drawTags.last_page}}</view>
										<view class="tags-page-left" @click="goPage(1)"><u-icon name="arrow-right"></u-icon></view>
									</view>
								</view>
							</td>
						</tr>
					</table>
				</view>
			</view>
			
			<view v-if="drawTagLableShow" class="draw-tag-lable">
				<view class="flex justify-between align-center draw-tag-lable-head">
					<view class="flex justify-between align-center draw-tag-lable-lang">
						<view :class="drawTagLangSwitch==1?'draw-tag-add-active':''" @click="langSwitch(1)"><text>中</text></view>
						<view :class="drawTagLangSwitch==0?'draw-tag-add-active':''" @click="langSwitch(0)"><text>英</text></view>
					</view>
					<view class="flex justify-between align-center ">
						<view class="draw-tag-lable-title"><text>加权</text></view>
						<view class="flex justify-between align-center draw-tag-lable-add">
							<view :class="drawTagAddSwitch==1?'draw-tag-lang-active':''" @click="addSwitch(1)"><text>()</text></view>
							<view :class="drawTagAddSwitch==0?'draw-tag-lang-active':''" @click="addSwitch(0)"><text>{}</text></view>
						</view>
					</view>
				</view>
				<view class="draw-tag-lable-text">
					<view class="input1 pop">
						<u-input v-if="bgUrl" placeholder-style="pclass" v-model="drawTagStr"  type="textarea" :border="false" :height="160" :auto-height="true"  placeholder="请选择标签"/>
						<!-- <view class="input001" v-if="!bgUrl">
							<image style="width:286rpx;height:72rpx" src="/static/images/img/13.png"></image>
						</view> -->
						<view class="flex justify-between align-center">
							<view class="flex align-center">
								<!-- <view class="u-m-r-36" @click="bgUrlFun"><image src="/static/images/img/11.png" style="width:28rpx;height:24rpx"></image></view>
								<view class="u-m-r-36" style="color:rgba(255, 255,255, .2)">|</view>
								<view><image src="/static/images/37.png" style="width:36rpx;height:34rpx"></image></view> -->
							</view>
							<view class="flex align-center t2">
								<view class="u-m-l-36" @click="txt(drawTagStr)">复制</view>
								<view class="u-m-l-36" style="color:rgba(255, 255,255, .2)">|</view>
								<view class="u-m-l-36" @click="drawTagStrClear">清空</view>
							</view>
									
						</view>
									
					</view>
				</view>
			</view>
			
			<view class="flex justify-between align-center endP">
				<view class="tagV flex align-center" @click="drawTagLableShow?drawTagLableShow=0:drawTagLableShow=1">
					已选择{{drawTagNum}}个标签
					<image :src="drawTagLableShow?'/static/images/img/37.png':'/static/images/img/26.png'" style="width:16rpx;height:8rpx;margin-left:4px" mode="aspectFill"></image>
				</view>
				<view class="generate" @click="drawTagShowClose">前往生成</view>
			</view>
		</u-popup>
		
		<!-- 主题 -->
		<u-popup class="pop1" safe-area-inset-bottom mode="bottom" mask closeable close-icon-color='#fff' close-icon-size="28" v-model="modelArrayshow">
			<view class="u-p-l-32 u-p-r-32 u-p-t-50">
				<view class="pop-title">
					<view class="pop-content">
						<view class="flex justify-between align-center u-text-center t01">
							<view class="pop-content-t">选择主题</view>
							<u-icon name="close" @click="modelArrayshow=false"></u-icon>
						</view>
						<view class="resource_style model-type">
							<view class="resource_style_head">
								<view class="resource_style_tabs" >
									<u-tabs
									height="60"
									font-size="28"
									inactive-color="#FFFFF"
									bg-color="#242424"
									:show-bar="false" 
									name="cate_name" 
									count="cate_count" 
									:list="modelTypeList" 
									:current="modelTypeCurrent" 
									@change="changeModelType"
									:active-item-style="resourceStyleAction">
									</u-tabs>
								</view>
							</view>
						</view>
					</view>
					
				</view>
				
				<view  class="flex align-center justify-between flex-wrap p4">

					<view v-if="modelTypeCurrent == 0" class="itemS"  :class="item.flag ? 'itemSactive':''" @click="modelTypeClick(index)" v-for="(item,index) in modelArray.one" :key="index">
						<image :src="item.img"  style="width:100%;height:100%" mode=""></image>
						<text>{{item.model_desc}}</text>
					</view>
					<view v-if="modelTypeCurrent == 1" class="itemS"  :class="item.flag ? 'itemSactive':''" @click="modelTypeClick(index)" v-for="(item,index) in modelArray.two" :key="index">
						
						<image :src="item.img"  style="width:100%;height:100%" mode=""></image>
						<text>{{item.model_desc}}</text>
					</view>
				</view>
				<view class="v1 flex justify-between align-center">
					<view class="v2" @click="rest">重置</view>
					<view class="v3"  @click="succ">确定</view>
				</view>
			</view>
		</u-popup>
		
		<!-- 选择风格 -->
		<u-popup class="pop1 pop-draw-tag" safe-area-inset-bottom mode="bottom" mask closeable close-icon-color='#fff' close-icon-size="28"	 v-model="modelStyleArrayshow">
			<view class="u-p-l-32 u-p-r-32 u-p-t-50 pop-draw-tag-box">
				
				<view class="pop-draw-tag-box">
					<view class="draw_tag_style style-title">
						<view class="u-text-center t01 u-p-t-50 u-m-b-48">选择风格(<text>{{styleCheckedNum}}</text>/10)</view>
						<view class="draw_tag_style_head">
							<view class="draw_tag_style_tabs" >
								<u-tabs
								height="60"
								font-size="28"
								inactive-color="#FFFFF"
								bg-color="#000000"
								:show-bar="false" 
								name="title" 
								count="cate_count" 
								:list="styleTitleList" 
								:current="styleTitleAction" 
								@change="changeStyleValue"
								:active-item-style="resourceStyleAction">
								</u-tabs>
							</view>
						</view>
					</view>
				</view>
				<view style="margin-top: 190rpx;">
					<view v-if="styleTitleAction === 0" class="flex align-center justify-between flex-wrap p3">
						<view  v-for="(item,index) in styleList" class="popItem"  :class="item.flag ? 'popactive':''" @click="styleClick(index)" :key="index">
							<view  class="u-text-center">{{item.name}}</view>
						</view>
					</view>
					<view v-else-if="styleTitleAction === 1" class="flex align-center justify-between flex-wrap p3">
						<view  class="popItem"  :class="item.flag ? 'popactive':''" @click="styleClick(index)" v-for="(item,index) in artistList" :key="index">
							<view  class="u-text-center">{{item.name}}</view>
						</view>
					</view>
					<view v-else-if="styleTitleAction === 2" class="flex align-center justify-between flex-wrap p3">
						<view  class="popItem"  :class="item.flag ? 'popactive':''" @click="styleClick(index)" v-for="(item,index) in elementMagicList" :key="index">
							<view  class="u-text-center">{{item.name}}</view>
						</view>
					</view>
				</view>
				
				<view class="v1 flex justify-between align-center">
					<view class="v2" @click="restStyle">重置</view>
					<view class="v3"  @click="succStyle">确定</view>
				</view>
			</view>
		</u-popup>
		
		<!-- 融合风格 -->
		<u-popup class="pop" safe-area-inset-bottom	 mode="bottom" mask v-model="modelStyleArrayfusionshow">
				<view class="u-p-l-32 u-p-r-32 u-p-t-50">
					<view class="pop-title">
						<view class="flex align-center justify-between flex-wrap pop-fusion">
							<view class="pop-title-t">融合模型</view>
							<u-icon name="close" @click="modelStyleArrayfusionshow = false"></u-icon>
						</view>
					</view>
					
					
					<view  class="flex align-center justify-between flex-wrap p1">
						<view  class="popItem"  :class="item.flag ? 'popactive':''" @click="model_fusionClick(index)" v-for="(item,index) in model_fusionArray" :key="index">
							<view  class="u-text-center">{{item.name}}</view>
						</view>
					</view>
					<view class="v1 flex justify-between align-center">
						<view class="v2" @click="restStyleRH">重置</view>
						<view class="v3"  @click="succStyleRH">确定</view>
					</view>
				</view>
		</u-popup>
		<!-- 视频生视频 -->
		<u-popup class="pop newpop1" 
		 safe-area-inset-bottom	
		 mode="center" 
		 mask 
		 width="618"
		 closeable 
 
		 close-icon-color='#fff' 
		 close-icon-size="28"	 
		 v-model="videoshow">
				<view class="u-p-l-32 u-p-r-32 u-p-t-50 mod1">
					<view class="k1 u-p-b-24  u-p-t-48">视频生视频</view>
					<view class="k2 u-p-b-36">根据上传的参考视频，可以生成与其画面内容相匹配的新视频。</view>
					<image class="u-p-b-36  " src="/static/images/img/24.png" style="display:block;margin-left:auto;margin-right:auto; width:494rpx;height:648rpx"></image>
					<view class="v1 flex justify-between align-center">
						<view class="v20" @click="videoshow = false">我知道啦</view>
					</view>
				</view>
		</u-popup>
		<image v-if="imgShow" @click="txt('WJBAICM2023')" src="/static/images/img/31.png" style="width:620rpx;height:800rpx" class="img1"></image>
		<image v-if="imgShowqq" @click="txt('WJBAICM2023')" src="/static/images/img/32.jpg" style="width:620rpx;height:800rpx" class="img1"></image>
	
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import count from '../../../components/count.vue'
	import {
		tabbar
	} from "@/common/tabbar.js"
	export default {
		components: {
			count
		},
		data() {
			return {
				model_fusionArray:[],
				uc_prompt:'',
				imgShow:false,
				fileArr:[],
				videoshow:false,
				file:'',
				videoPath: '',
				videoWidth: 375,
				videoHeight: 216,
				uploadProgress: 0,
				videoInfo: {},
				videoAction: `${uni.$myAppConfig.baseUrl}/api/ai/video_upload`,
				imgAction: `${uni.$myAppConfig.baseUrl}/api/ai/upload`,
				header: {
					token: uni.getStorageSync('token'),
					lang: uni.getStorageSync('lang'),
				},
				promptTips: [],
				formData: {},
				bgUrl:true,
				num:1,
				checked:false,
				imageTypeList: [],
				// 风格
				// 【总的】 style_decoration
				// 风格修饰【image_type+style】
				styleList: [],
				// 艺术家【artist】 
				artistList: [],
				// 元素魔法【element_magic】
				elementMagicList: [],
				styleCheckedNum: 0,
				styleTitleAction: 0,
				styleTitleList:[{title: "风格修饰"},{title: "艺术家"},{title: "风格元素"}],
				modelSizeArray:[],
				modelSizeItem:[],
				modelStyleArray:[],
				modelArrayshow:false,
				modelStyleArrayshow:false,
				modelStyleArrayfusionshow:false,
				//头部风格
				resourceStyleCurrent: 1,
				collectStyleList: [],
				resourceStyleList:[],
				resourceStyleContent:[],
				resourceStyleAction: {
					backgroundColor: '#232821',
					color: '#ffffff',
					border: '1px solid #CAFD5C',					
					borderRadius: '39px',
					height: '26px',
					lineHeight: '26px',
					fontSize: '14px'
				},
				//模板标签
				drawTagNum: 0,
				drawTagShow: false,
				drawTagCurrent: 1,
				drawTagCategory: [],
				drawTagCatSun: [],
				drawTags: [],
				selectedDrawTags: [],
				drawTagLableShow: false,
				drawTagStr: '',
				drawTagLangSwitch:1,
				drawTagAddSwitch:1,
				drawTagsParam: {
					page: 1,
					limit: 15,
					keyword: '',
					type: '',
					category: 0
				},
				countTxt:'',
				active:1,
				modelSizeClickActive:0,
				modelSizeItemActive: 0,
				typeArray:[],
				model_fusionArray:[],
				modelArray:{one: [], two: []},
				modelTypeCurrent:0,
				modelPicTypeCurrent:0,
				modelTypeList: [{id: 1, name: '通用'},{id: 3, name: '漫画'}],
				showTop:false,
				aaa:true,
				type: 0,
				listData: [],
				tabbar: tabbar,
				listStatus: 'loading',
				listPages: 0,
				listLimit: 8,
				screening: [],
				screeningActiveList: [],
				showScreening: false,
				isDouble: true,
				searchKeyword: '',
				searchTypeList: [
					{
						text: '商品',
						id: 1,
					},
					{
						text: '艺术家',
						id: 2,
					}
				],
				searchTypeText: '商品',
				searchTypeId: 1,
				showSearchTypeList: false,
				sortingTime: 0,
				sortingTime1:0,
				sortingPrice: 0,
				sortinggrade: 0,
				sortingstate: 0,
				tabcolor:1,
				// 分类
				goods_class:[],
				goodshow:false,
				goodsListIndex:0,
				screeningId:0,
				// 等级
				grade_class:[],
				gradeshow:false,
				gradeListIndex:0,
				rarity_type:0, //等级传参
				// 状态
				state_class:[],
				stateshow:false,
				stateListIndex:0,
				show_type:0,   //状态传参
				two_class_id:0,
				name:[],
				sizeObj:{},
				imgShowqq:false,
				//权益卡专享
				samplingModelShow: false,
				samplingModelValue: 'DPM++2M Karras',
				samplingModelList: [{
						label: 'DPM++2M Karras',
						value: 1,
						check: true
					},
					{
						label: 'DPM++5M Karras',
						value: 2,
						check: false
					},
				],
				randomSeedShow: false,
				randomSeedValue: 'DPM++2M Karras',
				randomSeedList: [{
						label: '随机种子',
						value: 1,
						check: true
					},
					{
						label: '距离优先',
						value: 2,
						check: false
					},
				],
				cueWordValue: 30,
				clipSkipValue: 20,
				ensdValue: 5000,
				initImageUrl: '',
				initWidth: '',
				initHeight: '',
				useCardsList: [],
				makeShow: false,
				modalContent: '生成图片需要消耗积分，确认生成图片。',
				integral:1,
				queueType: 0,
				videoOptionList:[],
				videoNightPrice:0,
				videoPrice:0,
				initTime: 300,
				timer: null,
				draw_id: 0,
				opusdetail: {}
 			}
		},
		onShow() {
			this.name = uni.getStorageSync('name');
			//this.$forceUpdate(this.name)

		},
		onLoad(name) {
			let that = this
			that.draw_id = name.id || 0
			if(that.draw_id > 0){
				that.getAiopusdetail()
				setTimeout(function() {
					that.getUseCards()
					that.getTypeList()
					that.getInit(1)
					that.getDataList(1)
					that.getDataList(3)
					that.getResourcestyle()
					that.getDrawTagCategory()
				}, 800);
			}
			else{
				that.getUseCards()
				that.getTypeList()
				that.getInit(1)
				that.getDataList(1)
				that.getDataList(3)
				that.getResourcestyle()
				that.getDrawTagCategory()
			}
			
			
		},
		onPullDownRefresh() {
			// alert(9)
			// this.loadData(true, true)
		},
		onReachBottom() {
			// if(this.listStatus === 'loadmore'){
			// //	this.loadData(false, false)
			// }
		},
		methods: {
			getAiopusdetail(){
				let that = this
				this.$u.api.aiopusdetail({
					draw_id: that.draw_id
				}).then(res=>{
					that.opusdetail = res.data
					that.active = res.data.type
				})
			},
			qqshequn(){
				this.imgShowqq = true
				this.showTop = false
			},
			xiaoshushou(){
				this.imgShow = true
				this.showTop = false
			},
			txt(data){
				uni.setClipboardData({
				data: data,
				success: function () {
					uni.showToast({
						title:"复制成功",
						icon:"none"
					})
				}
			});
				this.imgShow = false
			},
			go09(url){
				uni.navigateTo({
					url: url
				})
			},
			bind() {
				// if (this.status) {
				// 	this.file = null
				// 	this.status = false
				// 	return false;
				// }
				// if(this.file === null){
				// 	this.$refs.uToast.show({
				// 		// 修改成功
				// 		title: '请先上传图片',
				// 		type: 'warning',
				// 	})
				// 	return
				// }
				this.$refs.uUpload.upload();
				this.show = true
				// setTimeout(() => {

				// }, 2000)
			},
			initImageSuccess(data, index, lists, name) {
				if (data.status == 'success') {
					// console.log(data)
					this.initHeight = data.data.height
					this.initWidth = data.data.width
					this.initImageUrl = data.data.real_path
					this.uploadProgress = 0
					clearInterval(this.timer)
					// console.log(this.initHeight,this.initWidth,this.initImageUrl)
			
					// this.getDrawinfo()
					// this.show = false
					
					this.$refs.uToast.show({
						// 修改成功
						title: '上传图片成功',
						type: 'success',
					})
					
					this.expense()
				}
			},
			progress(res, index, lists, name) {
				this.startTimer()
				this.file = res[0]
				console.log(this.file)
			},
			onRemove(res, index, lists, name) {
				this.file = ''
			},
			bgUrlFun(){
				let that = this
				that.bgUrl = !that.bgUrl

				that.countTxt = that.promptTips[Math.floor(Math.random() * that.promptTips.length)].name;
				// 延迟执行代码 2 秒
				setTimeout(function() {
					that.bgUrl = true
				}, 800);

			},
			upVideo(){
				let that = this;
				uni.chooseVideo({
					count: 1,
					limitType:['MP4'],
					success: function(res) {
						const tempFilePath = res.tempFilePath;
						uni.getVideoInfo({
							src: tempFilePath,
							success: (videoInfo) => {
								that.videoInfo = videoInfo
								// console.log('视频文件时长：', videoInfo.duration + '秒');
							},
							fail: (error) => {
								console.log('获取视频信息失败：', error);
							}
						});
							
						that.uploadVideo(tempFilePath)
						
						that.startTimer()
					},
					fail(err) {
						console.log(err);
					}
				});
			},
			uploadVideo(filePath) {
				let that = this
				const uploadUrl = that.videoAction
				const header = that.header
				uni.uploadFile({
				    url: uploadUrl,
				    filePath: filePath,
				    name: 'file',
					header: header,
					type: 'multipart/form-data',					
				    success: (res) => {
						const re = JSON.parse(res.data);
						if(re.status == "success"){
							that.videoPath = re.data.real_path
							that.uploadProgress = 0
							clearInterval(that.timer)
							// 在页面的生命周期方法中或其他触发事件的方法中调用
							let videoContext = uni.createVideoContext('myVideo', that);
							videoContext.duration((res) => {
								console.log('视频播放时长：', res.duration); // 单位为秒
							});

						}
				    },
				    fail: (err) => {
				      console.log('Video upload failed:', err);
				      // 在这里处理上传失败后的逻辑
				    }
				});
			},
			startTimer() {
				this.timer = setInterval(() => {
					
					if(this.videoPath == ''){
						if(this.uploadProgress > 96){
							this.uploadProgress = 98
						}
						else{
							this.uploadProgress += 2
						}
						
					}
					else{
						this.uploadProgress = 100
						
					}
					
				}, this.initTime);
			},
			makeParam() {
				let that = this
				let obj = {}
				
				if(that.active == 1 || that.active == 3){	//通用
					obj = {
						type: that.active,
						model_code : '',			  					// model_code  [模型code]			  
						prompt : '',								// prompt  [作画描述，1000字符以内]
						display_resolution : '',				// display_resolution【分辨率（展示的尺寸）】
						size_ratio : '' ,					// size_ratio【比例】
						width : '' ,							// width[图片宽度,尺寸要求为64的倍数]  resolution_new中的width
						height : '' ,							// height[图片高度,尺寸要求为64的倍数]resolution_new中的height
						num : that.num ,										// num [*，生成的数量]
						accelerate_times: 0,									// accelerate_times[加速前进的步数。默认0每加1就是往队列前面多插1位，一次对应2积分（批量作画的积分消耗则还要算上对应作画数量）]
						style_model : '',							// style_model[风格模型,ai/resourcestyle接口拉取的参数 key]
						super_size_multiple :'',								// super_size_multiple[图片超分倍数，默认不超分，可传小数。取值范围为[1-4]] resolution_new中的super_size_multiple
						prefine_multiple :'',									// prefine_multiple[图片精绘倍数，默认不精绘，可传小数，取值范围为[1~2],在]resolution_new中的prefine_multiple
						image_type: [],					  // image_type [画面类型，可选择资源接口中的画面类型（限制数量不超过10个）][超现实照片]
						style: [],					  			// style   [风格，可选择资源接口中的风格（限制数量不超过10个）][赛博朋克]
						artists: [],					  		// artists   [艺术家（支持传入多个，优先于artist），可选择资源接口中的艺术家（限制数量不超过10个）[鸟山明]]
						element_magic: [],					  // element_magic[元素魔法，可选择资源接口中的元素魔法（限制数量不超过10个）][星空法]									   
						// 高级功能
						init_image_url: '',		// init_image_url[底图URL使用七牛云地址]
						init_width: '',			// init_width[底图宽]
						init_height: '',	  // init_height[底图高]
						creativity_degree: 50,					  // creativity_degree【创意度/二次元强度，默认50，取值范围为[0-100]】
						uc_prompt: '',					  // uc_prompt[作画负面描述]
						model_fusion: [],					  // model_fusion [模型融合，可选择资源接口中的融合模型（限制数量不超过5个）][key:’’,weight:’’,name:””]									   
											   
											  // seed【生成图片的seed目前不支持字母，传字母会导致作画超时或失败】
											  // sampler_index【采样模式（Sampler）】
											  // clip_skip【画面描述匹配度，取值范围 [1～12] (DD不支持)】
											  // 支持controlenet 需要用的参数
											  // patterns
											  // Steps  【sampling steps.默认20步】
											  // Cfg【CFG scale, 提示词相关性，默认7，范围为[1-30]】
											  // control_weight【control模式权重，取值范围 [0~2]】
											  // control_img2_img【control image to image, 是否开启controlNet-img2img模式 注: 该参数只在controlNet模式下生效】
					}

					obj.num = that.num
					obj.init_image_url = that.initImageUrl
					obj.init_width = that.initWidth
					obj.init_height = that.initHeight
					obj.size_ratio = that.modelSizeArray[that.modelSizeClickActive].size_ratio
					if(that.modelSizeItem[that.modelSizeItemActive] == undefined){
						uni.showToast({
							title:"请选择画面分辨率",
							icon:"none"
						})
						return false
					}else{
						obj.display_resolution = that.modelSizeItem[that.modelSizeItemActive].display_resolution
					}
					
					obj.width = that.modelSizeItem[that.modelSizeItemActive].width
					obj.height = that.modelSizeItem[that.modelSizeItemActive].height
					obj.prompt = that.countTxt
					
					obj.uc_prompt = that.uc_prompt
					
					// 模型主题
					if(that.active == 1){
						that.modelArray.one.forEach((item)=>{
							if(item.flag){
								obj.model_code = item.model_code
								return
							}
						})
					}
					else if(that.active == 3){
						that.modelArray.two.forEach((item)=>{
							if(item.flag){
								obj.model_code = item.model_code
								return
							}
						})
					}

					if(obj.model_code == ''){
						obj.model_code = that.active
					}
					
					that.model_fusionArray.forEach((item)=>{
						if(item.flag){
							obj.model_fusion.push({key: item.key, weight: item.recommended_weight, name: item.name})
						}
					})
					// console.log(that.styleList)
					that.styleList.forEach((item)=> {
						if(item.flag && item.type == 'style'){
							obj.style.push(item.name)
						}
					})
					
					that.styleList.forEach((item)=> {
						if(item.flag && item.type == 'image_type'){
							obj.image_type.push(item.name)
						}
					})
					
					that.artistList.forEach((item)=> {
						if(item.flag){
							obj.artists.push(item.name)
						}
					})
					
					that.elementMagicList.forEach((item)=> {
						if(item.flag){
							obj.element_magic.push(item.name)
						}
					})
					
					if(obj.display_resolution == ''){
						uni.showToast({
							title:"请选择画面分辨率",
							icon:"none"
						})
					}
				}				
				else if(that.active == 110){	//风格
					obj = {
						type: that.active,
						model_code : '',			  					// model_code  [模型code]			  
						prompt : '',								// prompt  [作画描述，1000字符以内]	
						display_resolution : '',
						size_ratio : '' ,					// size_ratio【比例】
						width : '' ,							// width[图片宽度,尺寸要求为64的倍数]  resolution_new中的width
						height : '' ,							// height[图片高度,尺寸要求为64的倍数]resolution_new中的height
						num : '' ,										// num [*，生成的数量]
						style_model : '',							// style_model[风格模型,ai/resourcestyle接口拉取的参数 key]
					}
					
					// 画面描述
					obj.prompt = that.countTxt
					
					// 画面大小
					obj.size_ratio = that.modelSizeArray[that.modelSizeClickActive].size_ratio
					if(that.modelSizeItem[that.modelSizeItemActive] == undefined){
						uni.showToast({
							title:"请选择画面分辨率",
							icon:"none"
						})
						return false
					}
					else{
						obj.display_resolution = that.modelSizeItem[that.modelSizeItemActive].display_resolution
					}
					
					obj.width = that.modelSizeItem[that.modelSizeItemActive].width
					obj.height = that.modelSizeItem[that.modelSizeItemActive].height
					
					
					// 作图数量
					obj.num = that.num
					
					// 风格
					that.resourceStyleContent.forEach((item)=> {
						if(item.flag){
							obj.style_model = item.key
							obj.model_code = item.model_code
						}
					})
					
				}
				//图生图
				else if(that.active == 111){
					obj = {
						type: that.active,
						model_code : '',			  					// model_code  [模型code]
						init_image_url : '' ,					// size_ratio【比例】
						init_width : '' ,							// width[图片宽度,尺寸要求为64的倍数]  resolution_new中的width
						init_height : '' ,							// height[图片高度,尺寸要求为64的倍数]resolution_new中的height
						num : 1 ,										// num [*，生成的数量]
					}
					
					// 模型主题
					if(that.modelPicTypeCurrent == 0){
						that.modelArray.one.forEach((item)=>{
							if(item.flag){
								obj.model_code = item.model_code
								return
							}
						})
					}
					else if(that.modelPicTypeCurrent == 1){
						that.modelArray.two.forEach((item)=>{
							if(item.flag){
								obj.model_code = item.model_code
								return
							}
						})
					}
					
					// 上传图片
					obj.init_image_url = that.initImageUrl
					obj.init_width = that.initWidth
					obj.init_height = that.initHeight
					
					if(obj.init_image_url == ''){
						uni.showToast({
							title:"请上传图片",
							icon:"none"
						})
						return false
					}
				}
				//视频生视频
				else if(that.active == 112) {	
					obj = {
						model_code: '',
						video_url: that.videoPath || '',
						video_duration: that.videoInfo.duration,
						queue_type: that.queueType,
						num: 1
					}
					that.videoOptionList.forEach((item)=>{
						if(item.flag){
							obj.model_code = item.model_code
							return
						}
					})
					if(obj.video_url == ''){
						uni.showToast({
							title:"请上传视频",
							icon:"none"
						})
						return false
					}
				}

				// console.log(obj)
				return obj
			},
			expense(){				
				let obj = this.makeParam()
				if(obj !== false){
					if(this.active != 112){
						this.$u.api.expense(obj).then(res => {
							
							if(res.status == "success"){
								this.integral = res.data.integral
							}
						})
					}
				}
				
			},
			go(){

				let obj = this.makeParam()
				if(obj !== false){
					this.$u.api.expense(obj).then(res => {
						
						if(res.status == "error"){
							uni.showToast({
								title:res.message,
								icon:"none"
							})
						}
						else{
							// res.data.integral
							this.modalContent = '生成需要消耗 ' + res.data.integral + ' 积分，确认生成图片。'
							this.makeShow = true
						}
					})
				}
			},
			
			confirmMake() {
				let obj = this.makeParam()
				
				this.$u.api.make(obj).then(res => {
					if(res.status == 'success'){
						
						if(res.data.length < 1){
							uni.navigateTo({
								url: '/pages/tabbar/bazaar/huajia?is_make=true'
							})
						}
						else{
							uni.navigateTo({
								url: '/pages/tabbar/bazaar/huajia-detail?is_make=true&id=' + res.data.draw_id
							})
						}
						this.makeShow = false
					}
				})
			},
			makeVideo() {
				let obj = this.makeParam()
				
				this.$u.api.videocreate(obj).then(res => {
					if(res.status == 'success'){
						console.log(res)
						uni.navigateTo({
							url: '/pages/tabbar/bazaar/video-detail?is_make=true&queue_type=' + this.queueType + '&id=' + res.data.draw_id
						})
					}
				})
			},
			modelSizeClick(index,item){
				this.modelSizeClickActive =index
				this.sizeObj = item
				this.modelSizeItem = this.modelSizeArray[index]['list']
				//this.$set(this.modelSizeArray, index,{...this.modelSizeArray[index],flag:!this.modelSizeArray[index].flag})
			},
			modelSizeItemClick(index,item) {
				this.modelSizeItemActive =index
			},
			jian(){
				if(this.num <= 1) return
				this.num = this.num - 1
				this.expense()
			},
			jia(){
				this.num = this.num + 1
				this.expense()
			},
			rest(){
				this.modelArray.one.forEach((item)=>{
					item.flag = false
				})
				this.modelArray.two.forEach((item)=>{
					item.flag = false
				})
			},
			succ(){
				this.modelArrayshow = false
			},
			restStyle(){
				this.modelStyleArray.forEach((item)=>{
					item.flag = false
				})
			},
			succStyle(){
				this.modelStyleArrayshow = false
			},
			restStyleRH(){
				this.model_fusionArray.forEach((item)=>{
					item.flag = false
				})
			},
			succStyleRH(){
				this.modelStyleArrayfusionshow = false
			},
			activeFun(num,item){
				this.active = item.type
				// 重置图片
				if(this.draw_id == 0){
					this.file = ""
					this.initImageUrl = ""
					this.initWidth = ""
					this.initHeight = ""
				}
				
				this.uploadProgress = 0
				clearInterval(this.timer)
				if(item.type == 1 || item.type == 3){
					this.getInit(item.type)
				}
				if(item.type == 112){
					this.videoshow = true
					this.getVideoOption()
				}
			},
			modelClick(index){
				if(index == 999){
					this.modelArrayshow = true
					return
				}

				if(this.active == 1){
					this.modelArray.one.forEach((item)=>item.flag=false)
					this.$set(this.modelArray.one, index,{...this.modelArray.one[index],flag:!this.modelArray.one[index].flag})
				}
				else if(this.active == 3){
					this.modelArray.two.forEach((item)=>item.flag=false)
					this.$set(this.modelArray.two, index,{...this.modelArray.two[index],flag:!this.modelArray.two[index].flag})
				}
				
			},
			modelPicClick(index){
				if(this.modelPicTypeCurrent == 0){
					this.modelArray.one.forEach((item)=>item.flag=false)
					this.$set(this.modelArray.one, index,{...this.modelArray.one[index],flag:!this.modelArray.one[index].flag})
				}
				else{
					this.modelArray.two.forEach((item)=>item.flag=false)
					this.$set(this.modelArray.two, index,{...this.modelArray.two[index],flag:!this.modelArray.two[index].flag})
				}
				
			},
			modelTypeClick(index){
				if(this.modelTypeCurrent == 0){
					this.modelArray.one.forEach((item)=>item.flag=false)
					this.$set(this.modelArray.one, index,{...this.modelArray.one[index],flag:!this.modelArray.one[index].flag})
				}
				else{
					this.modelArray.two.forEach((item)=>item.flag=false)
					this.$set(this.modelArray.two, index,{...this.modelArray.two[index],flag:!this.modelArray.two[index].flag})
				}
			},

			videlOptionClick(index){
				this.videoOptionList.forEach((item)=>{item.flag=false})
				this.$set(this.videoOptionList, index,{...this.videoOptionList[index],flag:true})
			},
			model_fusionClick(index){
				if(index == 999){
					this.modelStyleArrayfusionshow = true
					return
				}
				this.$set(this.model_fusionArray, index,{...this.model_fusionArray[index],flag:!this.model_fusionArray[index].flag})
				
			},
			imageTypeClick(index){
				if(this.styleCheckedNum>=10){
					uni.showToast({
						title:"最多选10项",
						icon:"none"
					})
					return
				}
				
				this.$set(this.styleList, index,{...this.styleList[index],flag:!this.styleList[index].flag})
				this.countStyleNum()
			},
			styleClick(index){
				if(this.styleCheckedNum>10){
					uni.showToast({
						title:"最多选10项",
						icon:"none"
					})
					return
				}
				
				if(this.styleTitleAction == 0){
					this.$set(this.styleList, index,{...this.styleList[index],flag:!this.styleList[index].flag})
				}
				else if(this.styleTitleAction == 1){
					this.$set(this.artistList, index,{...this.artistList[index],flag:!this.artistList[index].flag})
				}
				else if(this.styleTitleAction == 2){
					this.$set(this.elementMagicList, index,{...this.elementMagicList[index],flag:!this.elementMagicList[index].flag})
				}
				
				this.countStyleNum()
			},
			countStyleNum(){
				let count = 0
				this.styleList.forEach((item)=>{
					if(item.flag == true){
						count++
					}
				})
				this.artistList.forEach((item)=>{
					if(item.flag == true){
						count++
					}
				})
				this.elementMagicList.forEach((item)=>{
					if(item.flag == true){
						count++
					}
				})
				this.styleCheckedNum = count
				return count
			},
			getInit(model_code){
				let that = this
				that.$u.api.modelini({model_code:model_code}).then(res => {
					// 【总的】 style_decoration  
					// 风格修饰【image_type+style】
					// 艺术家【artist】 
					// 元素魔法【element_magic】
					
					
					res.data.data.create_option_menu.style_decoration.forEach((item)=>item.flag = false) //风格
					that.modelStyleArray = res.data.data.create_option_menu.style_decoration	//总风格
					
					that.imageTypeList = res.data.data.create_option_menu.image_type
					that.imageTypeList.forEach((item)=>item.flag = false)
					
					// 风格修饰【image_type+style】
					// res.data.data.create_option_menu.image_type
					that.styleList = that.imageTypeList.concat(res.data.data.create_option_menu.style)
					that.styleList.forEach((item)=>item.flag = false)
					if(that.draw_id > 0 && (that.opusdetail.style != null || that.opusdetail.image_type != null)){
						let opus_style = that.opusdetail.style.concat(that.opusdetail.image_type)
						that.styleList.forEach((item)=>{
							if(opus_style.includes(item.name)){
								item.flag = true
							}
						})
					}
					
					
					// 艺术家【artist】 
					that.artistList = res.data.data.create_option_menu.artist
					that.artistList.forEach((item)=>item.flag = false)
					if(that.draw_id > 0 && that.opusdetail.artists != null){
						that.artistList.forEach((item)=>{
							if(that.opusdetail.artists.includes(item.name)){
								item.flag = true
							}
						})
					}
					
					
					// 元素魔法【element_magic】
					that.elementMagicList = res.data.data.create_option_menu.element_magic
					that.elementMagicList.forEach((item)=>item.flag = false)
					if(that.draw_id > 0 && that.opusdetail.element_magic != null){
						that.elementMagicList.forEach((item)=>{
							if(that.opusdetail.element_magic.includes(item.name)){
								item.flag = true
							}
						})
					}
					
					
					res.data.data.create_option_menu.resolution_new.resolution_list.forEach((item)=>item.flag= false) //画面大小
					that.modelSizeArray = res.data.data.create_option_menu.resolution_new.resolution_list//画面大小
					let size_index = 0
					if(that.draw_id > 0 && that.opusdetail.size_ratio != ''){
						
						that.modelSizeArray.forEach((item, index)=>{
							if(that.opusdetail.size_ratio == item.size_ratio){
								that.modelSizeClickActive = index
								size_index = index
							}
						})
					}
					
					that.modelSizeItem = that.modelSizeArray[size_index]['list']
					if(that.draw_id > 0 && that.opusdetail.display_resolution != ''){
						that.modelSizeItem.forEach((item, index)=>{
							if(that.opusdetail.display_resolution == item.display_resolution){
								that.modelSizeItemActive = index
							}
						})
					}
					
					res.data.data.create_option_menu.model_fusion.forEach((item)=>item.flag= false) //融合模型
					that.model_fusionArray = res.data.data.create_option_menu.model_fusion		//融合模型
					if(that.draw_id > 0 && that.opusdetail.model_fusion != null){
						let fusion_name = []
						that.opusdetail.model_fusion.forEach((item)=>{
							fusion_name.push(item.name)
						})
						that.model_fusionArray.forEach((item)=>{
							if(fusion_name.includes(item.name)){
								item.flag = true
							}
						})
					}
					
					that.promptTips = res.data.data.create_option_menu.prompt_tips
					
					if(that.draw_id > 0){
						that.countTxt = that.opusdetail.prompt
						that.uc_prompt = that.opusdetail.uc_prompt
						
						that.initImageUrl = that.opusdetail.init_image_url
						that.initWidth = that.opusdetail.init_width
						that.initHeight = that.opusdetail.init_height
						
						this.countStyleNum()
					}
					
				})
			},
			// 积分
			getUseCards() {
				this.$u.api.usecards({}).then(res => {
					this.useCardsList = res.data
				})
			},

			// 头部导航菜单
			getTypeList(){
				this.$u.api.aiType({}).then(res => {
					this.typeArray = res.data
				})
			},
			getDataList(type) {
				let that = this
				// 模型主题
				that.$u.api.modelList({type:type}).then(res => {
						
					if(type==3){
						that.modelArray.two = res.data
						that.modelArray.two.forEach((item)=> item.flag = false)
						let model_code_index = 0
						if(that.draw_id > 0 && that.opusdetail.model_code != ''){
							that.modelArray.two.forEach((item, index)=>{
								if(that.opusdetail.model_code == item.model_code){
									model_code_index = index
								}
							})
						}
						
						that.$set(that.modelArray.two, model_code_index,{...that.modelArray.two[model_code_index],flag:true})

					}
					else{
						that.modelArray.one = res.data
						that.modelArray.one.forEach((item)=> item.flag = false)
						let model_code_index = 0
						if(that.draw_id > 0 && that.opusdetail.model_code != ''){
							that.modelArray.one.forEach((item, index)=>{
								if(that.opusdetail.model_code == item.model_code){
									model_code_index = index									
								}
							})
						}
						
						that.$set(that.modelArray.one, model_code_index,{...that.modelArray.one[model_code_index],flag:true})

					}
					
				})
			},		
			//头部风格
			getResourcestyle(){
				let that = this
				that.collectStyleList = []
				this.$u.api.resourcestyle({}).then(res => {
					that.resourceStyleList = res.data
					res.data[0].list.forEach((item)=>{that.collectStyleList.push(item.id) })
					
					that.resourceStyleContent = res.data[that.resourceStyleCurrent].list
					that.resourceStyleContent.forEach((item)=>{
						item.flag = false
						
						if(that.collectStyleList.includes(item.id)){
							item.isCollect = true
						}
						else{
							item.isCollect = false
						}
					})
					this.$set(this.resourceStyleContent, 0,{...this.resourceStyleContent[0],flag:true})
				})
			},
			// 收藏风格
			collectstyle(style_id,index) {
				let that = this
				// status=1收藏 0 取消收藏
				let status = 0
				console.log(style_id,that.collectStyleList)
				if(that.collectStyleList.includes(style_id)){
					status = 0
				}
				else{
					status = 1
				}
				this.$u.api.collectstyle({id: style_id, status: status}).then(res => {
					if(res.status == "success"){
						if(status==1){
							that.collectStyleList.push(style_id)
							that.$set(that.resourceStyleContent, index,{...that.resourceStyleContent[index],isCollect:true})
							uni.showToast({
								title:"已收藏",
								icon:"none"
							})
							
						}
						else{
							that.collectStyleList.filter((val)=>{return val !== style_id})
							that.$set(that.resourceStyleContent, index,{...that.resourceStyleContent[index],isCollect:false})
							uni.showToast({
								title:"已取消收藏",
								icon:"none"
							})
						}
						
						that.getResourcestyle()
						
					}
				})
			},
			getVideoOption() {
				this.$u.api.videooption({}).then(res => {
					this.videoOptionList = res.data.data.ai_video_model_option_vos
					this.videoOptionList.forEach((item)=>item.flag = false)
					this.videoOptionList[0].flag = true
					this.videoNightPrice = res.data.data.pay_info_vo.night_price
					this.videoPrice = res.data.data.pay_info_vo.price
				})
			},
			// 模型标签  大分类
			getDrawTagCategory() {
				this.$u.api.draw_tag_category({}).then(res => {
					
					this.drawTagCategory = res.data
					this.drawTagCatSun = res.data[this.drawTagCurrent].list
					//子分类 默认第一个
					this.drawTagCatSun.forEach((item)=>item.type = 0)
					this.drawTagCatSun[0].type = 1
					
					this.drawTagsParam.type = res.data[this.drawTagCurrent].type
					this.drawTagsParam.category = this.drawTagCatSun[0].id
					this.drawTagsParam.page = 1
					this.drawTagsParam.keyword = ''
					this.getDrawTagsList(this.drawTagsParam)
					
				})				
			},
			// 模型标签  小分类
			getDrawTagsList(param){
				let selectedIdArr = this.selectedDrawTags.map(item => item.id)
				this.$u.api.draw_tags(param).then(res => {
					this.drawTags = res.data					
					this.drawTags.data.forEach(function(item){
						if(selectedIdArr.includes(item.id)){
							item.flag = true
						}
						else{
							item.flag = false
						}
					})
					
				})
			},
			resourceStyleItemClick(index){
				this.resourceStyleContent.forEach((item)=> item.flag = false)
				this.$set(this.resourceStyleContent, index,{...this.resourceStyleContent[index],flag:!this.resourceStyleContent[index].flag})
				
			},
			// 风格修饰 艺术家 风格元素
			changeStyleValue(index){
				this.styleTitleAction = index
				// 0 风格修饰	style_decoration
				// 1 艺术家		artist
				// 2/风格元素	element_magic
			},
			// 选择大分类 取子分类 取标签
			changeDrawTag(index) {
				this.drawTagCatSun = this.drawTagCategory[index].list
				this.drawTagCurrent = index
				this.getDrawTags(0)
			},
			// 取标签
			getDrawTags(index){
				this.drawTagCatSun.forEach((item)=>item.type = 0)
				if (typeof this.drawTagCatSun[index] != 'undefined') {
				  this.drawTagCatSun[index].type = 1
				  this.drawTagsParam.category = this.drawTagCatSun[index].id
				}
				else{
					this.drawTagsParam.category = 0
				}
				this.drawTagsParam.page = 1
				this.drawTagsParam.keyword = ''
				this.drawTagsParam.type = this.drawTagCategory[this.drawTagCurrent].type

				this.getDrawTagsList(this.drawTagsParam)
			},
			goPage(p){
				let page = this.drawTagsParam.page
				let last_page = this.drawTags.last_page
				if(p === 1){	//下一页
					page = page + 1
					if(page > last_page){
						uni.showToast({
							title:"没有下一页了",
							icon:"none"
						})
					}
					else{
						this.drawTagsParam.page = page
						this.getDrawTagsList(this.drawTagsParam)
					}
				}
				else{	// 上一面
					page = page - 1
					if(page > 0){
						this.drawTagsParam.page = page
						this.getDrawTagsList(this.drawTagsParam)
					}
					else{
						uni.showToast({
							title:"已经到第一页了",
							icon:"none"
						})
					}
				}
			},
			// 搜索标签
			drawTagSearch() {
				this.drawTagsParam.type = "ALL"
				this.drawTagsParam.category = 0
				this.drawTagsParam.page = 1
				if(this.drawTagsParam.keyword){
					this.getDrawTagsList(this.drawTagsParam)
				}
				else{
					// this.$refs.uToast.show({
					// 	title: '请输入标签名',
					// 	type: 'warning'
					// })
					uni.showToast({
						title:"请输入标签名",
						icon:"none"
					})
				}
				
			},
			// 选择标签
			activeDrawTag(index){
				// this.drawTags.data[index].flag = true
				this.$set(this.drawTags.data, index,{...this.drawTags.data[index],flag:!this.drawTags.data[index].flag})
				let draw_tags_id = this.drawTags.data[index].id
				if(this.drawTags.data[index].flag){
					this.selectedDrawTags.push({
						id:this.drawTags.data[index].id,
						english_name:this.drawTags.data[index].english_name,
						name:this.drawTags.data[index].name,
						lang:this.drawTagLangSwitch,
						add:this.drawTagAddSwitch,
					})
				}
				else{
					this.selectedDrawTags = this.selectedDrawTags.filter(function(item) {
					  return item.id != draw_tags_id; 
					});

				}
				this.updrawTagLang()
				
			},
			langSwitch(v){
				this.drawTagLangSwitch = v
				this.updrawTagLang()
			},
			addSwitch(v){
				this.drawTagAddSwitch = v
				this.updrawTagLang()
			},
			// 刷新中英文、加权、已选择标签数量
			updrawTagLang(){
				let draw_tagStr = ''
				let draw_tagAdd = this.drawTagAddSwitch
				let draw_langAdd = this.drawTagLangSwitch
				let draw_tagNum = 0
				if(this.drawTagLangSwitch === 1){
					this.selectedDrawTags.forEach(function(item){
						draw_tagNum++
						if(draw_tagAdd === 1){
							item.add = 1
						}
						else{
							item.add = 0
						}
						if(draw_langAdd === 1){
							item.lang = 1
						}
						else{
							item.lang = 0
						}
						if(item.id){
							if(draw_tagStr == ''){
								draw_tagStr = item.name
							}
							else{
								draw_tagStr += '，' + item.name
							}							
						}
						
					})
				}
				else{
					this.selectedDrawTags.forEach(function(item){
						draw_tagNum++
						if(draw_tagAdd === 1){
							item.add = 1
						}
						else{
							item.add = 0
						}
						if(draw_langAdd === 1){
							item.lang = 1
						}
						else{
							item.lang = 0
						}
						if(item.id){
							if(draw_tagStr == ''){
								draw_tagStr = item.english_name
							}
							else{
								draw_tagStr += '，' + item.english_name
							}							
						}
						
					})
				}
				this.drawTagStr = draw_tagStr
				this.drawTagNum = draw_tagNum
				this.countTxt = draw_tagStr
			},
			// 关闭标签
			drawTagShowClose(){
				this.drawTagShow = false;
				this.countTxt = this.drawTagStr
			},
			// 清空标签
			drawTagStrClear(){
				this.selectedDrawTags = []
				this.drawTagStr = ''
				// this.updrawTagLang()
				this.drawTags.data.forEach((item)=>item.flag = 0)
				this.drawTagNum = 0
			},
			xiadiao(){
				try {
					uni.removeStorageSync('name');
					this.loadData1()
					this.aaa=false
					this.name=''
				} catch (e) {
					// error
				}
			},
			shanchu(){
				
			},
			go1(){
				uni.navigateTo({
					url:'/pages/tabbar/bazaar/huajia'
				})
			},
			go2(){
				uni.navigateTo({
					url:'/pages/tabbar/bazaar/huajia?tabcolor=2'
				})
			},
			// loadData(reset, initialize){
			// 	this.two_class_id = uni.getStorageSync('two_class_id');
				
			// 	if(reset){
			// 		this.listData = []
			// 		this.listPages = 0
			// 	}
			// 	this.listStatus = 'loading'
			// 	this.listPages += 1
				
			// 	this.$u.api.one_index({
			// 		page: this.listPages,
			// 		// limit: this.listLimit,
			// 		type:this.type,
			// 		class_id: this.screeningId,
			// 		// key_word: this.searchKeyword,
			// 		dates: this.sortingTime,
			// 		rarity_type: this.rarity_type,
			// 		show_type: this.show_type,
			// 		two_class_id: this.two_class_id,
			// 		name:this.name
			// 	})
			// 	.then(res => {
			// 		this.listData = [...this.listData, ...res.data.list.data]
			// 		this.listStatus = res.data.list.next_page_url ? 'loadmore' : 'nomore'
			// 		if(res.data.list.current_page == 1){
			// 			// 上面一级分类
			// 			let onepoints = []
			// 			onepoints = res.data.goods_class
			// 			if(onepoints.length>9){
			// 				this.screening = onepoints.slice(0, 9)
			// 			}else{
			// 				this.screening = onepoints
			// 			}
			// 			// 分类筛选
			// 			this.goods_class = res.data.goods_class.map((item,index)=>{
			// 				return {...item, extra: index+1};
			// 			})
			// 			let obj = {
			// 				id:0,
			// 				name:'全部',
			// 				extra: 0
			// 			}
			// 			this.goods_class.unshift(obj);
			// 			// 等级筛选
			// 			this.grade_class = Object.keys(res.data.rarity_list).map((key,index) => {
			// 				return { id: parseInt(key), name: res.data.rarity_list[key] ,extra:index};
			// 			});
			// 			// 发售状态筛选
			// 			this.state_class = Object.keys(res.data.show_type_list).map((key,index) => {
			// 				return { id: parseInt(key), name: res.data.show_type_list[key] ,extra:index};
			// 			});
			// 		}
			// 		uni.stopPullDownRefresh()
			// 	})
			// 	.catch(err => {
			// 		uni.stopPullDownRefresh()
			// 		this.listStatus = 'nomore'
			// 	});
				
			// },
			// loadData1(reset, initialize){
			// 	this.two_class_id = uni.getStorageSync('two_class_id');
			// 	if(reset){
			// 		this.listData = []
			// 		this.listPages = 0
			// 	}
			// 	this.listStatus = 'loading'
			// 	this.listPages += 1
				
			// 	this.$u.api.index({
			// 		page: this.listPages,
			// 		// limit: this.listLimit,
			// 		type:this.type,
			// 		class_id: this.screeningId,
			// 		// key_word: this.searchKeyword,
			// 		dates: this.sortingTime1,
			// 		rarity_type: this.rarity_type,
			// 		show_type: this.show_type,
			// 		two_class_id: this.two_class_id,
					
			// 	})
			// 	.then(res => {
			// 		this.listData = [...this.listData, ...res.data.list.data]
			// 		this.listStatus = res.data.list.next_page_url ? 'loadmore' : 'nomore'
			// 		if(res.data.list.current_page == 1){
			// 			// 上面一级分类
			// 			let onepoints = []
			// 			onepoints = res.data.goods_class
			// 			if(onepoints.length>9){
			// 				this.screening = onepoints.slice(0, 9)
			// 			}else{
			// 				this.screening = onepoints
			// 			}
			// 			// 分类筛选
			// 			this.goods_class = res.data.goods_class.map((item,index)=>{
			// 				return {...item, extra: index+1};
			// 			})
			// 			let obj = {
			// 				id:0,
			// 				name:'全部',
			// 				extra: 0
			// 			}
			// 			this.goods_class.unshift(obj);
			// 			// 等级筛选
			// 			this.grade_class = Object.keys(res.data.rarity_list).map((key,index) => {
			// 				return { id: parseInt(key), name: res.data.rarity_list[key] ,extra:index};
			// 			});
			// 			// 发售状态筛选
			// 			this.state_class = Object.keys(res.data.show_type_list).map((key,index) => {
			// 				return { id: parseInt(key), name: res.data.show_type_list[key] ,extra:index};
			// 			});
			// 		}
			// 		uni.stopPullDownRefresh()
			// 	})
			// 	.catch(err => {
			// 		uni.stopPullDownRefresh()
			// 		this.listStatus = 'nomore'
			// 	});
				
			// },
			mallcbtn(){
				this.tabcolor = 1
				this.screening=[]
				this.listData=[]
				this.loadData(true, true)
			},
			marketcbtn() {
				// uni.showToast({
				// 	icon:'none',
				// 	title:'待开放'
				// })
			
				this.tabcolor = 2
				Object.assign(this._data, this.$options.data())
				this.screening = []
				this.listData = []
				this.loadData1(true, true)
			},
			searchChange(){
				this.loadData(true, false)
			},
			changeSearchType(index){
				this.searchTypeText = this.searchTypeList[index].text
				this.searchTypeId = this.searchTypeList[index].id
			},
			// 头部风格
			changeResourceStyle(index){
				let that = this
				this.resourceStyleContent = this.resourceStyleList[index].list
				this.resourceStyleContent.forEach((item)=>{
						item.flag = false
						if(that.collectStyleList.includes(item.id)){
							item.isCollect = true
						}
						else{
							item.isCollect = false
						}
					})
				this.$set(this.resourceStyleContent, 0,{...this.resourceStyleContent[0],flag:true})
				this.resourceStyleCurrent = index
			},
			// 模型主题
			changeModelType(index){
				this.modelTypeCurrent = index
				if(index == 0){
					if(this.active == 1 || this.active == 3){
						this.active = 1
					}
					
					this.modelArray.one.forEach((item)=>item.flag = false)
					this.$set(this.modelArray.one, 0,{...this.modelArray.one[0],flag:true})
				}
				else{
					if(this.active == 1 || this.active == 3){
						this.active = 3
					}
					this.modelArray.two.forEach((item)=>item.flag = false)
					this.$set(this.modelArray.two, 0,{...this.modelArray.two[0],flag:true})
				}
			},
			// 图生图 模型主题
			changeModelPicType(index){
				this.modelPicTypeCurrent = index
				if(index == 0){
					this.modelArray.one.forEach((item)=>item.flag = false)
					this.$set(this.modelArray.one, 0,{...this.modelArray.one[0],flag:true})
				}
				else{
					this.modelArray.two.forEach((item)=>item.flag = false)
					this.$set(this.modelArray.two, 0,{...this.modelArray.two[0],flag:true})
				}
			},
			// 时间
			changeSortingTime(){
				if(this.sortingTime < 2){
					this.sortingTime += 1
				} else {
					this.sortingTime = 0
				}
				this.sortinggrade = 0
				this.sortingPrice = 0
				this.sortingstate = 0
				this.loadData(true, false)
			},changeSortingTime(){
				if(this.sortingTime1 < 2){
					this.sortingTime1 += 1
				} else {
					this.sortingTime1 = 0
				}
				this.sortinggrade1 = 0
				this.sortingPrice1 = 0
				this.sortingstate1 = 0
				this.loadData(true, false)
			},
			// 分类
			changegoods(){
				this.sortinggrade = 0
				this.sortingstate = 0
				this.sortingPrice = 1
				uni.removeStorageSync('two_class_id');
				this.goodshow = true
			},
			samplingModelCheck(index) {
				this.samplingModelValue = this.samplingModelList[index].label
				this.samplingModelList.forEach((item)=>item.check=false)
				this.samplingModelList[index].check = true
				this.samplingModelShow = false
			},
			randomSeedCheck(index){
				this.randomSeedValue = this.randomSeedList[index].label
				this.randomSeedList.forEach((item)=>item.check=false)
				this.randomSeedList[index].check = true
				this.randomSeedShow = false
			},
			closeSamplingModel(index){
				this.$refs.uDropdown.highlight(index);
			},
			changeSamplingModel(index) {
			},
			goodsCallback(index){
				this.goodsListIndex = index[0].extra;
				this.screeningId = index[0].value
				this.loadData(true, false)
			},
			// 等级
			changegrade(){
				this.sortingstate = 0
				this.sortingPrice = 0
				this.sortinggrade = 1
				this.gradeshow = true
			},
			gradeCallback(index){
				this.gradeListIndex = index[0].extra;
				this.rarity_type = index[0].value
				this.loadData(true, false)
			},
			// 状态
			changestate(){
				this.sortingPrice = 0
				this.sortinggrade = 0
				this.sortingstate = 1
				this.stateshow = true
			},
			stateCallback(index){
				this.stateListIndex = index[0].extra;
				this.show_type = index[0].value
				this.loadData(true, false)
			},
			changeScreenings(){
				this.showScreening = true
			},
			Skippage(pid){
				uni.navigateTo({
					url:'/pages/tabbar/bazaar/mallclassify?pid=' + pid
				})
			},
			//切换单双列
			click_double(){
				this.isDouble=!this.isDouble
			},
			clickGoods(goods){
				if (goods.products_status === 0 || goods.products_status === 5) { //在售
					// uni.navigateTo({
					// 	url: '../../market/goods-def/goods-def?id=' + goods.id
					// })
					uni.navigateTo({
						url: "/pages/market/goods-def/goods-batch?id="+goods.id
					})
				}
				if (goods.products_status === 2) { //拍卖
					uni.navigateTo({
						url: '../../market/goods-auctionDef/goods-auctionDef?id=' + goods.id
					})
				}
			},
			// 模型标签
			popDrawTag() {
				this.drawTagShow = true
			},
			// 权益卡专享
			membership() {
				uni.showToast({
					icon:'none',
					title:'开通会员解锁更多参数'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.img1{
	position: absolute;left:50%;top: 50%;
	transform: translate(-50%,-50%);
}
.newpop1 ::v-deep .u-mode-center-box{background: #000;}	
.v20{
	background: #CAFD5C;
	font-size: 28rpx;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #000000;
	line-height: 33rpx;
	text-align: center;
	border-radius: 20rpx;
	width: 494rpx;
	height: 66rpx;
	line-height: 66rpx;
	margin-bottom: 66rpx;
	margin-left: auto;
	margin-right: auto;
}
.mod1{background: #000;border-radius: 20rpx;border: 1px solid rgba(255, 255, 255, 0.2);overflow: hidden;}
.k1{
	font-size: 32rpx;
font-family: PingFang SC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 38rpx;
}
.k2{
	font-size: 28rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255,255,255,0.8);
line-height: 37rpx;
}
.styp0 ::v-deep .u-checkbox__icon-wrap--checked .uicon-checkbox-mark{color: #000!important;}
.input1  .op1 ::v-deep  .u-list-item{
	border: 0!important;
	margin: 0!important;
}
.input001{
 
	height:320rpx;
	background: linear-gradient(-180deg, rgba(202, 253, 92, 0)  0%,rgba(202, 253, 92, 1) 100%);
	background: url(../../../static/images/img/14.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
 
}
.myBtn-go {
	padding: 0 30rpx;
}
.video-time {
	width: 150rpx;
	text-align: center;
	margin-top: 20px;
	margin-right: 30rpx;
}
.myBtn{
	width: 100%;
	height: 90rpx;
	background: #CAFD5C;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	opacity: 1;
	text-align: center;

	margin-top: 20px;
}

.myBtn .one{
	font-size: 28rpx;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #000000;
	line-height: 33rpx;
	padding-top: 5px;
}
.myBtn .two{
	font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #000000;
	line-height: 28rpx;
}
.sdchange_t1ext{
	font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(255,255,255,0.8);
	line-height: 28rpx;
}
.sdchange_t1ext text{
	color: #CAFD5C;
}
.tit10{
	font-size: 32rpx!important;
	font-family: PingFang SC-Medium, PingFang SC!important;
	font-weight: 500!important;
	color: #FFFFFF!important;
	line-height: 38rpx!important;
}
.jian{
	width: 62rpx;
	height: 62rpx;
	background: rgba(255,255,255,0.15);
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	opacity: 1;
	border: 2rpx solid rgba(255,255,255,0.1);
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.add{
	width: 62rpx;
	height: 62rpx;
	background: rgba(255,255,255,0.15);
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	opacity: 1;
	border: 2rpx solid rgba(255,255,255,0.1);
	font-size: 20px;
	text-align: center;
}
.num{
	width: 62rpx;
	height: 62rpx;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	opacity: 1;
	border: 4rpx solid rgba(255,255,255,0.2);
	font-size: 28rpx;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 58rpx;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}
.imgJimg{
	position: absolute;
	left: 10%;
	top: 27%;
	z-index: 10;
	transform: translateY(-50%);
	transform: scale(.5);
    transform-origin: top;
}
.itemJ{
	width: 214rpx;
	height: 70rpx;
	background: rgba(255,255,255,0.15);
	border-radius: 98rpx 98rpx 98rpx 98rpx;
	opacity: 1;
	border: 2rpx solid rgba(255,255,255,0.1);
	font-size: 28rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	line-height: 70rpx!important;
	margin-bottom: 22rpx;
	position: relative;
	overflow: hidden;
}
.itemJactive{
	width: 214rpx;
	height: 70rpx;
	border-radius: 98rpx 98rpx 98rpx 98rpx;
	opacity: 1;
	border: 2rpx solid #CAFD5C;
	font-size: 28rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #CAFD5C;
	line-height: 33rpx;
}
.model-size-item {
	width: 214rpx;
	height: 120rpx;
	background: rgba(255,255,255,0.15);
	border-radius: 20rpx;
	opacity: 1;
	border: 2rpx solid rgba(255,255,255,0.1);
	font-size: 28rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	line-height: 70rpx!important;
	margin-bottom: 22rpx;

	position: relative;
}
.model-size-item-active {
	width: 214rpx;
	height: 120rpx;
	border-radius: 20rpx;
	opacity: 1;
	border: 2rpx solid #CAFD5C;
	font-size: 28rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #CAFD5C;
	line-height: 33rpx;
	image {
		border: 2rpx solid #CAFD5C;
	}
}
.model-size-item-img {
	display: flex;
	align-items: center;
	justify-content: center;
	image {
		width:48rpx;
		height:48rpx;
		margin-right: 10rpx;
	}
}
.model-size-item-title{
	padding: 0;
	height: 40rpx;
	line-height: 40rpx;
}
.itemSsjj{
	width: 214rpx!important;
	height: 70rpx!important;
	border-radius: 98rpx 98rpx 98rpx 98rpx!important;
	opacity: 1!important;
	//border: 4rpx solid rgba(255,255,255,0.2)!important;
	
}

.p1::after,.p2:after{
	content: '';
	width: 31%;
}
.popItem{
	width: 214rpx;
	height: 70rpx;
	background: rgba(255,255,255,0.15);
	border-radius: 98rpx 98rpx 98rpx 98rpx;
	opacity: 1;
	border: 2rpx solid rgba(255,255,255,0.1);
	font-size: 28rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 70rpx;
	margin-bottom: 24rpx;
	overflow: hidden;
}
.popactive{
	border-radius: 98rpx 98rpx 98rpx 98rpx;
	opacity: 1;
	border: 2rpx solid #CAFD5C;
	font-size: 28rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #CAFD5C;
	line-height: 70rpx;
	background: transparent;
}
.v1 {
	position: fixed;
	bottom: 0rpx; /* 调整元素相对于弹窗顶部的距离 */
	left: 0rpx; /* 调整元素相对于弹窗左侧的距离 */
	background-color: #242424;
	width: 100%;
	padding: 30rpx;
}
.v1 .v2{
	width: 330rpx;
	height: 88rpx;
	background: #333333;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	opacity: 1;
	line-height: 88rpx;
	font-size: 28rpx;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 88rpx;
	text-align: center;
}
.v1 .v3{
	width: 330rpx;
	height: 88rpx;
	background: #CAFD5C;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	opacity: 1;
	font-size: 28rpx;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #000000;
	line-height: 88rpx;
	text-align: center;
}
.pop ::v-deep .u-drawer-bottom{
	background: #242424;
	height: 864rpx!important;
}
.pop1 ::v-deep .u-drawer-bottom{
	background: #242424;
	height: 1200rpx !important;
}

.p1{
	overflow-y: auto;
	margin-top: 50rpx;
	padding-bottom: 160rpx;
}
.p4{
	overflow-y: auto;
	margin-top: 150rpx;
	padding-bottom: 160rpx;
}
.p3{
	overflow-y: auto;
	margin-top: 180rpx;
	padding-bottom: 190rpx;
}
.t01{
	font-size: 32rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 38rpx;
}
.itemSs{
	font-size: 28rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 33rpx;
border: 1px solid #333;
border-radius: 20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.itemS{
	position: relative;
	width: 214rpx;
	height: 102rpx;
	margin-bottom: 30rpx;
	border-radius: 20rpx;
	overflow: hidden;
	border: 1px solid #000;
}
.itemS text{
	font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 33rpx;
	position: absolute;
	width: 214rpx;
	height: 46rpx;
	background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	opacity: 1;
	display: block;
	padding-left: 6rpx;
	bottom: 0rpx;
	line-height: 46rpx;
}
.itemSactive{
	border: 1px solid #cafd5c;
}
.itemSactive text{
	font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #CAFD5C;
	line-height: 33rpx;
	font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	line-height: 33rpx;
	position: absolute;
	width: 214rpx;
	height: 46rpx;
	background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	opacity: 1;
	display: block;
	left: 6rpx;
	bottom: 0rpx;
	line-height: 46rpx;
}
.pclass{
	font-size: 24rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255,255,255,0.6);
line-height: 28rpx;
}
.tt0{
	border-top: 1px solid #4a4a4a;
	padding-top: 22rpx;
}
.t2{
	font-size: 24rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 28rpx;

}
.t2 ::v-deep textarea,.input1 ::v-deep textarea{color: #fff;}
.input1{
	border:1px solid rgba(202, 253, 92, 0.20);
	border-radius: 20rpx;
	background: #262626;
	box-sizing: border-box;
	padding: 20rpx;
}
.popFix{
	font-size: 24rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 19rpx;
	position:absolute;
	bottom:108rpx;
	left:50%;
	transform: translateX(-50%);
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:	80%
}
.popFix image{width:68rpx;height:68rpx;margin-bottom:16rpx;margin-left:auto;margin-right:auto;display:block;}
.line-09{border-bottom:1px solid #3a3a3a;padding-top:40rpx;padding-bottom:40rpx}
.t1 view{font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 33rpx;
	margin-bottom:6rpx
}
.t1 text{font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(255,255,255,0.6);
	line-height: 28rpx;}
.popsty{padding:54rpx 32rpx;box-sizing:border}
.popsty .tit{
	font-size: 32rpx;
font-family: PingFang SC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 38rpx;
}
.mallunavbar ::v-deep .u-m-r-30{margin-right:0!important} 
.styleMy ::v-deep .u-drawer-left{background:#242424} 
.bg1{
	background-color:#283312;
	padding:16rpx;
	margin-right:18rpx;
	font-size: 24rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #CAFD5C;
	line-height: 28rpx;
	border-radius:104rpx;
}
.mianbaoxie{
	margin-left: 40rpx;
	display: flex;
	border-radius: 30rpx;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 200rpx;
	height: 60rpx;
	background-color: #34533f;
	.x{
		margin-left: 20rpx;
		
	}
}
	.page {
		background-size: 100% 180rpx;
		background-position: 0 0;
		background-repeat: no-repeat;
		// background-color: #FBF7F2;
		.my-filter{
			width: 695rpx;
			margin: 0 auto;
			.filter-options-box{
				.filter-item{
					width: 160rpx;
					font-size: 22rpx;
					background-color: transparent;
					// color: #2D3746;
					justify-content: space-around;
					border-radius: 7rpx;
					background-color: #1E1E1E;
				}
			}
		}
		.home-sdchange{
			width: 100%;
			height: 74rpx;
			border-radius: 10rpx;
			padding: 0 30rpx;
			color: #999999;
			position: relative;

			.sdchange_icon{
				position: absolute;
				top: -20rpx;
				.metaimg{
					width: 90rpx;
					height: 30rpx;
					padding-left: 15rpx;
				}
			}
			.sdchange_text{
				width: 50%;
				.text{
					font-size: 24rpx;
					font-weight: bold;
					color: rgba(255,255,255,0.8);
					padding-left: 15rpx;
				}
			}
			.sdchange_switch{
				width: 50%;
				height: 54rpx;
				font-size: 22rpx;
				color: #000000;
				padding: 0 20rpx;
				border-radius: 12rpx;
				background: linear-gradient(90deg, #ACF887 0%, #86F9AF 100%, #86F9AF 100%);
			}
			
			.zhuti_switch{
				padding: 0 2rpx;
				background-color: #262626;;
				border: solid 1rpx #262626;;
				border-radius: 12rpx;
				height: 54rpx;
				.zhuti_switch_img {
					border-radius: 6rpx;
				}
				.zhuti_switch_title {
					padding: 0 10rpx;
				}
			}
		}
	}
	.mallunavbar{
	//	box-shadow: 0rpx 5rpx 10rpx 1rpx rgba(134, 249, 175, 0.3);
		.malltab{
			width: 100%;
			height: 88rpx;
			padding: 0 32rpx 0 32rpx;
			.text_green{
				color: #73F6A2;
			}
		}
	}
	.author-avatar{
		width: 50rpx;
		height: 50rpx;
		border-radius: 25rpx;
	}
	.soldout{
		position: absolute;
		top: 0;
		right: 0;
		background: rgba(0,0,0,0.5);
		border-radius: 0 0 0 20rpx;
		padding: 8rpx 15rpx;
		font-size: 26rpx;
		color: #eee;
		z-index: 1;
	}

	.search_box {
		display: flex;
		align-items: center;
		margin: 30rpx 30rpx 0;
		background-color: #fff;
		border-radius: 34rpx;

		.cla {
			display: flex;
			text-align: center;
			margin-left: 24rpx;
			color: #818488;

			.cla_text {
				font-size: 30rpx;
				padding-bottom: 6rpx;
				margin-right: 6rpx;
			}
		}
	}
	.my-search-box{
		position: relative;
		z-index: 0;
		margin-bottom: 0;
		margin-top: calc(var(--status-bar-height) + 15rpx);
	}
	.slide_type_list{
		padding: 40rpx 32rpx 50rpx 32rpx;
		overflow: auto;
		display:inline-flex;
		width: 100%;
    	white-space: nowrap;
		.type_list_cont{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			.list_cont_view{
				position: relative;
				width: 128rpx;
				height: 64rpx;
				font-size: 22rpx;
				font-weight: normal;
				text-align: center;
				line-height: 68rpx;
				margin: 10rpx;
				border-radius: 10rpx;
				white-space: nowrap; /* 设置文本不换行 */
				overflow: hidden; /* 隐藏超出容器的部分 */
				text-overflow: ellipsis; /* 超出部分用省略号表示 */
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				.list_cont_view_title{
					position: absolute;
					top: 0;
					left: 20rpx;
					z-index: 100;
				}
				.list_cont_view_bg{
					position: absolute;
					top: 0;
					left: 0;
					width: 128rpx;
					height: 64rpx;
					border-radius: 10rpx;
					background-color: #000;
					z-index: 1;
					image{
						opacity:0.6;
						filter: alpha(opacity=60);
						width: 128rpx;
						height: 64rpx;
					}
				}
			}
		}
		view{
			margin-right:16rpx;
			border-radius:78rpx;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(255,255,255,0.8);
			line-height: 33rpx;
			background-color:#262626;
			padding:10rpx 16rpx
		}
		view.active{
			color:#CAFD5C;
			border:1px solid #CAFD5C
		}
	}
	.filter {
		display: flex;
		margin: 34rpx 38rpx 20rpx 42rpx;
		justify-content: space-between;

		.filter_left {
			display: flex;
		}

		.filter_item {
			display: flex;
			align-items: center;
			color: #919191;
			font-size: 24rpx;
			padding: 10rpx 15rpx;
			background-color: rgba(#999999, .3);
			border-radius: 50rpx;

			image {
				width: 14rpx;
				margin-left: 8rpx;
			}
		}

		.filter_item:nth-child(2) {
			margin-left: 40rpx;
		}

		.filter_right {
			display: flex;
			align-items: center;
			color: #666666;
			font-size: 24rpx;
		}
	}

	.filter_selected {
		display: flex;
		margin: 0 30rpx;

		.category {
			display: flex;
			padding: 12rpx 22rpx;
			align-items: center;
			border-radius: 24rpx;
			font-size: 24rpx;
			margin-left: 16rpx;

			.del {
				margin-top: 4rpx;
				margin-left: 8rpx;
			}
		}
	}

	.popup_title {
		margin: 52rpx auto 60rpx;
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
	}

	/deep/.u-close--top-right {
		top: 50rpx;
		right: 44rpx;
	}

	.filter_title {
		font-size: 30rpx;
		color: #999999;
		margin-bottom: 58rpx;
	}

	.mall_concent {
		.my-video {
			overflow: hidden;
			.video-box{
				
				::v-deep .uni-video-cover{
					background-color: #262626 !important;
				}
				::v-deep .uni-video-video {
					background-color: #262626 !important;
				}
				::v-deep .uni-video-bar {
					background-color: #262626 !important;
				}
				.video-del {
					position: absolute;
					top: 5px;
					right: 5px;
				}
			}
		}
		
		
		.progress-box {
			width: 100%;
			height: 432rpx;
			.progress {
				position: absolute;
				width: 100%;
				padding: 0 30%;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				.progress-text {
					text-align: center;
					text {
						padding-left: 10rpx;
						color: #caf45c;
					}
				}
				.progress-bg{
					background-color: #3e3e3e;
				}
				.progress-bar {
					margin-top: 20rpx;
					height: 10rpx;
					background-color: #caf45c;
					transition: width 0.3s ease-in-out;
				}
			}
		}
		.opus-copy-image {
			width: 100%;
			display: flex; 
			justify-content: center; 
			align-items: center;
			.opus-copy-del{
				
				position: absolute;
				top: 5px;
				right: 5px;
			}
		}
		.progress-box-1 {
			width: 100%;
			.progress {
				position: absolute;
				width: 100%;
				padding: 0 30%;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				.progress-text {
					text-align: center;
					text {
						padding-left: 10rpx;
						color: #caf45c;
					}
				}
				.progress-bg{
					background-color: #3e3e3e;
				}
				.progress-bar {
					margin-top: 20rpx;
					height: 10rpx;
					background-color: #caf45c;
					transition: width 0.3s ease-in-out;
				}
			}
		}
		
		.queue-type {
			padding: 30rpx;
			margin-bottom: 30rpx;
			border-radius: 20rpx;
			background-color: #23262f;
			.queue-type-text {
				font-size: 24rpx;
			}
		}
		.queue-type-action {
			background-image: linear-gradient(to top, rgba(49, 56, 102, 1) 50%, rgba(49, 56, 102, 0) 100%),
			                    linear-gradient(to bottom, rgba(49, 56, 102, 1) 50%, rgba(49, 56, 102, 0) 100%);
		}
		
	}
	.popular {
		margin-bottom: 42rpx;
		display: flex;
		flex-wrap: wrap;

		.popular_item {
			padding: 22rpx 52rpx;
			border: 1px solid #D4D4D4;
			border-radius: 10rpx;
			margin: 0 16rpx 20rpx 0;
			color: #999999;
			font-size: 26rpx;
		}
	}

	.bot_btn {
		display: flex;
		margin: 96rpx 32rpx 62rpx;

		button {
			flex: 1;
			border-radius: 10rpx;
			font-size: 28rpx;
			height: 80rpx;
			line-height: 80rpx;
		}

		button+button {
			margin-left: 18rpx;
		}

		.reset {
			border: 1px solid #C7CFD4;
			background-color: #fff;
			color: #333333;
		}

		.finish {
			background-color: #764E39;
			color: #fff;
		}
	}

	.checked_style {
		border: 1px solid !important;
	}

	.featured {
		margin: 30rpx 30rpx 0 30rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 60rpx;

		.featured_item {
			border-radius: 20rpx;
			width: 334rpx;
			margin-bottom: 20rpx;
			overflow: hidden;

			.plan {
				border-radius: 20rpx;
				width: 100%;
				height: 336rpx;
				overflow: hidden;
				display: flex;
				align-items: center;
				position: relative;
			}

			.featured_content {
				padding: 30rpx 24rpx;

				.cont_header {
					display: flex;
					color: #111111;
					font-size: 24rpx;
					align-items: center;

					.avatar_img {
						width: 44rpx;
						height: 44rpx;
						border-radius: 50rpx;
						margin-right: 25rpx;
						overflow: hidden;

						image {
							width: 100%;
						}
					}
				}

				.cont_title {
					font-size: 28rpx;
					font-weight: bold;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.cont_price {
					font-size: 34rpx;
					font-weight: bold;
					margin-top: 40rpx;

					text {
						font-size: 22rpx;
					}
				}
			}

			.like {
				width: 46rpx;
				height: 46rpx;
				border-radius: 50%;
				position: absolute;
				top: 20rpx;
				right: 20rpx;
				display: flex;
				align-items: center;
				justify-content: center;

				image {
					width: 24rpx;
				}
			}

			.presale {
				position: absolute;
				font-size: 22rpx;
				bottom: 0rpx;
				left: 0;
				width: 100%;
				background: rgba(0, 0, 0, 0.6);
				padding-left: 16rpx;
			}

			.type {
				position: absolute;
				color: #fff;
				font-size: 20rpx;
				bottom: 18rpx;
				right: 18rpx;
			}
		}
	}

	.loading {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 50rpx;
		height: 50rpx;
		margin-left: -25rpx;
		margin-top: -25rpx;
	}
	.pop-title {		
		  position: fixed;
		  top: 0rpx; /* 调整元素相对于弹窗顶部的距离 */
		  left: 0rpx; /* 调整元素相对于弹窗左侧的距离 */
		  width: 100%;
		  z-index: 999; /* 根据需求设置元素的层级 */
		  background-color: #242424;
		  .pop-content{
			  padding: 30rpx 30rpx 0 30rpx;
		  }
		  .pop-fusion{
			  padding: 30rpx;
		  }
		  .pop-title-t, .pop-content-t{
			  width: 85%;
			  padding-left: 70rpx;
			  text-align: center;
		  }
		  
	}
	.resource_style {
		width: 100%;
		padding: 30rpx;
		.resource_style_head{
			display: flex;
			align-items: center;
			.resource_style_tabs {
				flex: 1;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
				  
			.resource_style_label {
				// margin-left: 10px;
			}
				  
			.resource_style_label_text {
				display: inline-block;
				max-width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				padding-left: 20rpx;
				font-size: 12px;
			}
			
			::v-deep .u-line-1 {
			  background-color: #262626;
			  color: rgba(255, 255, 255, 0.8) !important;
			  border: 1px solid #262626;			
			  border-radius: 39px ;
			  margin-right: 10rpx;
			  padding: 0 12rpx !important;
			  height: 26px !important;
			  line-height: 26px !important;
			}
		}
	}
	
	.model-type {
		padding: 30rpx 0;
		
	}
	.model-pic-type{
		padding: 0 0 30rpx 0;
	}
	.resource-style-itemS{
		position: relative;
		width: 214rpx;
		height: 102rpx;
		margin-bottom: 30rpx;
		border-radius: 20rpx;
		overflow: hidden;
		border: 1px solid #000;
		.lable-new {
			position:relative;
			top:-110rpx;
			left: 135rpx;
			
			background-color: #f9c002;
			border-radius: 20rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			padding: 0 10rpx;
		}
		.resource-style-title{
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 33rpx;
			position: absolute;
			width: 214rpx;
			height: 46rpx;
			background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			opacity: 1;
			display: block;
			padding: 0 10rpx;
			bottom: 0rpx;
			line-height: 46rpx;
		}
		
	}
	.resource-style-itemSactive {
		border: 1px solid #cafd5c;
		.resource-style-title{			
			color: #CAFD5C;
		}
	}
	.pop-draw-tag {		
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		overflow-y: hidden; /* 隐藏外部滚动条 */
		::v-deep .u-close {
			z-index: 99999 !important;
		}
		::v-deep .uni-scroll-view,  .uni-scroll-view-content {
			background-color: #000000 !important;
		}
		.pop-draw-tag-box {
			z-index:9999;
			background-color:#000000;
			// width:100%;
			// padding:16rpx 32rpx;
			.draw_tag_style {
				// width: 100%;
				position:fixed;
				top:0;
				padding-top: 7rpx;				
				background-color: #000000;
				z-index: 99999;
				padding: 16rpx 30rpx;;
				.draw_tag_icon{
					display: block;
					padding-right: 20rpx;
				}
				.draw_tag_style_head{
					display: flex;
					align-items: center;
					.draw_tag_style_tabs {
						flex: 1;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
						  
					.draw_tag_style_label {
						// margin-left: 10px;
					}
					
					::v-deep .u-line-1 {
					  background-color: #262626;
					  color: rgba(255, 255, 255, 0.8) !important;
					  border: 1px solid #262626;			
					  border-radius: 39px ;
					  margin-right: 10rpx;
					  padding: 0 12rpx !important;
					  height: 26px !important;
					  line-height: 26px !important;
					}
				}
				
			}
			.style-title {
				top: 0;
				width: 100%;
				margin-right: 90px;
				padding: 0 0 30rpx 0;
			}
			.draw-tag-cat-sun {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-content: flex-start;
				padding: 90rpx 0 0rpx 30rpx;
				.draw-tag-cat-sun-item{
					
					color: rgba(255, 255, 255, 0.8);
					border: 1px solid #262626;			
					border-radius: 39px ;
					margin-right: 20rpx;
					padding: 0 12rpx;
					height: 26px;
					line-height: 26px;
					margin-bottom: 10px; /* 底部间距 */
				}
				.draw-tag-active {
					color: rgb(202, 253, 92);
					background-color: #262626;
				}
			}
			
			.draw-tag-search {
				position: relative;
				height: 80rpx;
				padding-left: 30rpx;
				padding-right: 30rpx;
				padding-bottom: 100rpx;
				
				::v-deep .u-input--border {
					border-radius: 22rpx;
					border: 1px solid #dcdfe6;
					height: 72rpx;
				}
				::v-deep uni-input{
					line-height: 2.4em;
					height: 2.4em;
					color: #fff;
				}
				.draw-tag-search-input{
					height: 72rpx;
				}
				
				.draw-tag-search-icon {
				  position: absolute;
				  top: 0;
				  right: 30rpx;
				  margin-top: 9px; /* 可根据需要调整垂直定位的偏移量 */
				  margin-right: 10px; /* 可根据需要调整水平定位的偏移量 */
				}

			}
		}
		.draw-tag-table {
			flex: 1;
			overflow-y: scroll;
			height: 100%;
			background-color:#000000;
			
			table{
				text-align: center;
			    border: 1px solid #3a3a3a;
			    width: 92%;
			    margin: 0 auto;
			    border-radius: 10px;
				overflow: hidden;
				table-layout: fixed;
			}
			table th{padding: 5px 0; background: #191919;}
			table td{border-right: 1px solid #303030; padding: 5px 0;border-bottom: 1px solid #303030;}
			.c1{width: 92%;margin-left: auto;margin-right: auto;}
			.child{
				border:1px solid #2f2f2f;
				border-radius: 30rpx;
				color: rgba(255, 255, 255,.6);
				margin-right: 5rpx;
				padding: 3px 8px;
				margin-bottom: 10px;
				font-size: 28rpx;
			}
			tr.active{
				background: #283312;
				color: #caf45c;
			}
			.tags-page {
				.tags-page-left{
					margin-right: 20rpx;
				}
				.tags-page-current{
					background: #242424;
					border: 1px solid #242424;
					border-radius: 5rpx;
					padding:3rpx 25rpx;
				}
				.tags-page-line {
					padding: 0 15rpx;
				}
				.tags-page-last{
					
				}
				.tags-page-left{
					margin-left: 20rpx;
				}
			}
		}
		.draw-tag-lable {
			position:fixed;
			bottom:120rpx;
			left:0;
			z-index:10;
			background-color:#242424;
			width:100%;
			padding:16rpx 32rpx;
			.draw-tag-lable-head{
				.draw-tag-lable-lang {
					background-color:#000000;
					border: 1px solid #000000;
					border-radius: 5rpx;
					uni-view {
						// display: flex;
						align-items: center;
						width: 75rpx;
						height: 56rpx;
						line-height: 56rpx;
						text-align: center;
					}
					.draw-tag-add-active{
						background-color:#caf45c;
						border: 1px solid #caf45c;
						border-radius: 5rpx;
						color: #000000;
					}
				}
				.draw-tag-lable-title {
					padding-right: 20rpx;
				}
				.draw-tag-lable-add {
					background-color:#000000;
					border: 1px solid #000000;
					border-radius: 5rpx;
					
					uni-view {
						// display: flex;
						align-items: center;
						width: 75rpx;
						height: 56rpx;
						line-height: 56rpx;
						text-align: center;
					}
					.draw-tag-lang-active{
						background-color:#caf45c;
						border: 1px solid #caf45c;
						border-radius: 5rpx;
						color: #000000;
					}
				}
			}
			.draw-tag-lable-text {
				margin-top: 20rpx;
			}
		}
		.endP{
			position:fixed;
			bottom:0;
			left:0;
			z-index:10;
			background-color:#242424;
			width:100%;
			padding:16rpx 32rpx;
			.generate{
				font-size: 28rpx;
				font-family: PingFang SC-Semibold, PingFang SC;
				font-weight: 600;
				color: #000000;
				line-height: 33rpx;
				background-color:#caf45c;
				border-radius:20rpx;
				height:88rpx;
				line-height:88rpx;
				width:384rpx;
				text-align:center;
			}
			.tagV{
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 33rpx;
			}
		}
		
	}
	
	.membership-card {
		margin: 30rpx;
		// padding: 30rpx;
		background-color:#262626;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 20rpx;
		.membership-card-title {
			height: 90rpx;
			padding: 0 30rpx;
			// border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 20rpx 20rpx 0 0;
			background-image: linear-gradient(to right, #f8eee4, #ec9c88);
			.membership-card-text{
				font-size: 28rpx;
				font-family: PingFang SC-Semibold, PingFang SC;
				font-weight: 600;
				color: #000000;
			}
			.membership-card-but{
				padding: 8rpx 20rpx;
				border: 1px solid #000000;
				border-radius: 30rpx;
				font-size: 28rpx;
				font-family: PingFang SC-Semibold, PingFang SC;
				font-weight: 600;
				color: #000000;
			}
		}
		
		.sampling-model-title {
			padding: 30rpx 0;
			font-size: 28rpx;
			font-family: PingFang SC-Semibold, PingFang SC;
			font-weight: 400;
		}
		
		// <view><text>采样模式</text></view>
		.sampling-model-box {
			padding: 30rpx;
			background-color:#181818;
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 25rpx;
			.sampling-model-text{
				color: rgba(255, 255, 255, 0.8);
			}
			.sampling-model-icon{
				// sampling-model-icon
				color: rgba(255, 255, 255, 0.6);
			}
		}
		// <view class="sampling-model" @open="openSamplingModel">
		// 	<view class="sampling-model-text">{{samplingModelValue}}</view>
		// 	<view class="sampling-model-icon"><u-icon name="arrow-down"></u-icon></view>
			
		// </view>
		.sampling-model-content{
			position:relative;
			top:10rpx;
			padding: 30rpx;
			background-color:#181818;
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 0 0 25rpx 25rpx ;
			.sampling-model-content-item {
				padding: 10rpx 0;
				color: rgba(255, 255, 255, 0.6);
				.sampling-model-content-label{
					// color: rgba(255, 255, 255, 0.6);
				}
				.sampling-model-content-icon {
					// color: rgba(255, 255, 255, 0.6);
				}
				
			}
			.sampling-model-checked {
				color: #ffffff;
			}
			
		}
		
		.cue-word{
			padding-bottom: 30rpx;
			.cue-word-label{
				width: 32%;
			}
			.cue-word-slider{
				width: 40%;
				.cue-word-badge {
					background-color:#c2e660;
					border: 1px solid #c2e660;
					width: 40rpx;
					height: 40rpx;
					border-radius: 50%;
					
					.cue-word-badge-button {
						margin:6rpx;
						width: 25rpx;
						height: 25rpx;
						padding: 4rpx 6rpx;
						background-color:#000000;
						color: #000000;
						border-radius: 50%;
					}
				}
				
			}
			.cue-word-number{
				text-align: center;
				width: 23%;
				padding: 10rpx 0;
				background-color:#181818;
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 25rpx;
			}
		}

		// <view class="flex justify-between align-center flex-wrap cue-word">
		// 	<view class="cue-word-label">提示词相关性</view>
		// 	<view class="cue-word-slider">
		// 		<u-slider v-model="cueWordValue" :use-slot="true">
		// 			<!-- 这里外面需要多一层view，否则".badge-button"样式可能不生效 -->
		// 			<view class="">
		// 				<view class="badge-button">
		// 					*
		// 				</view>
		// 			</view>
		// 		</u-slider>
		// 	</view>
		// 	<view class="cue-word-number">
		// 		{{cueWordValue}}
		// 	</view>
		// </view>
			
		
	}
</style>
